簡易電卓としても利用出来そうなウェブブラウザの「コンソール」機能。

Editor

6か月前

コンソール

ウェブブラウザの開発ツールの中の「コンソール」で JavaScript の実行が可能なようです。「Mozilla Firefox」「Google Chrome」「Microsoft Edge」の「コンソール」の使用方法をテストしてみました。テストとして簡単な計算を行ってみました。

以前も同様の投稿をした事がありますが、今回は各ブラウザでコンソールの起動から JavaScript の実行まで行ってみたいと思います。

私の場合、新しいタブを開いて、新しいタブ上でテストを行うようにしました。自分のサイトではない、他のウェブページ上で JavaScript を実行した場合、思わぬ JavaScript の命令を実行してしまうと、どこかをクリックしてしまったり、別のページに飛んでしまうかもしれません。

Mozilla Firefox（モジラファイヤーフォックス）の場合、以下の手順でコンソールを利用可能なようです。バージョンは 119.0.1 (64 ビット) を使用しました。

参考資料

ブラウザーの開発者ツールとは？ - ウェブ開発を学ぶ | MDN: https://developer.mozilla.org/ja/docs/Learn/Common_questions/Tools_and_setup/What_are_browser_developer_tools#javascript_%E3%82%B3%E3%83%B3%E3%82%BD%E3%83%BC%E3%83%AB

Google Chrome （グーグルクローム）の場合、以下手順で同様の機能を実行できるようです。バージョンは 119.0.6045.124（Official Build）（64 ビット）です。

Microsoft Edge（マイクロソフトエッジ）の場合、以下手順で同様の機能を実行できるようです。バージョンは 119.0.2151.44 (公式ビルド) (64 ビット) です。

参考資料

コンソールで JavaScript を実行する - Microsoft Edge Development | Microsoft Learn: https://learn.microsoft.com/ja-jp/microsoft-edge/devtools-guide-chromium/console/console-javascript

足す、引く、掛ける、割るは、 + , - , * , / で可能なようです。

1+2 //結果 3
1-2 //結果 -1
1*2 //結果 2
1/2 //結果 0.5
2**2 //結果 4 べき乗、累乗
3%2 //結果 1 割り算の余り

参考資料 :

式と演算子 - JavaScript | MDN: https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Operators#%E7%AE%97%E8%A1%93%E6%BC%94%E7%AE%97%E5%AD%90

JavaScript では、数学の関数を使用出来るようです。

Math - JavaScript | MDN: https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Math

以上、閲覧ありがとうございました。