JavaScript 超基礎 コンソールに文字を表示する

目的

• JavaScriptを用いてコンソールに文字列を表示する方法をまとめる

前提条件

• 下記の記事の内容を実装完了していること。
  • JavaScript 超基礎 処理を外部ファイルに記載する

前提情報

• コンソールに「こんにちは！！！！」と表示する処理を実装する。
• 筆者はMacでChromeを用いて確認を実施している。

概要

1. JavaScriptの記載
2. 確認

詳細

1. JavaScriptの記載

   1. index.htmlとdaialog_box.jsがあるディレクトリに移動する。

   2. 下記コマンドを実行してJavaScriptのファイルを開く。

      $ vi daialog_box.js
      

   3. 記載されているコードを削除し下記を記載する。

      daialog_box.js

      console.log('こんにちは！！！！');
      

2. 確認

   1. フォルダからindex.htmlを探しダブルクリックで開く。

      

   2. 下記ページが表示されることを確認する。

      

   3. 「JavaScript」の文字が表示されているページで右クリックをして「検証」をクリックし下記のようなページが開くことを確認する。

   4. 検証画面の「Console」をクリックする。

      

   5. JavaScriptで指定した文字列がConsoleで確認できることを確認する。