console.logはどこに表示されるの？

ブラウザの開発者ツールにある「Console（コンソール）」タブに表示されます。WindowsはF12キー、MacはCommand+Option+Iキーで開けます。ページを見ているふつうの画面には出ません。

console.logは書いたまま残していいの？

完成したページには残さないのがマナーです。確かめるために一時的に書いて、確認が終わったら消します。残っていても壊れはしませんが、見られて困る情報をうっかり出さないためにも消しておきましょう。

JavaScriptを書いていると、「この変数、いま中身はどうなってるんだろう？」と確かめたくなる場面がたくさんあります。そんなとき、画面には出さずにこっそり中身をのぞけるのがconsole.logです。

コンソールは、ブラウザにはじめから入っている開発者ツールの中にあります。

これだけで準備完了。ここがJavaScriptからの「つぶやき」が届く場所です。

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

これをscript.jsに書いてページを開くと、コンソールに「こんにちは！」と表示されます。画面（ページ本体）には何も出ません。出る場所がちがう——これがtextContentとの大きなちがいです。

console.logがいちばん活躍するのは、変数の中身を確かめたいときです。

const thanksMessage = "おたより ありがとう！";
console.log(thanksMessage);

コンソールには「おたよりありがとう！」と表示されます。" "で囲まずに変数の名前を書けば、箱の中身が出てくるわけです。

コードが思いどおりに動かないとき、「そもそもここまで実行されてる？」を確かめるのにも使えます。

console.log("ここは通った！");

form.addEventListener("submit", function (event) {
  console.log("ボタンが押された！");
});

コンソールに「ボタンが押された！」が出なければ、押しても中の処理が動いていないと分かります。故障の場所をしぼりこむ懐中電灯のような使い方です。

こまったら、まずコンソール。ぴよ！