
サンプル・プログラムを実行する
サンプル・プログラム
monthlyCalendar4.html | 1ヵ月カレンダー(ログ出力) |
Date2.js | Date2クラス |
バージョン | 更新日 | 内容 |
---|---|---|
1.3.0 | 2023/08/14 | 制御構造の見直し |
1.2.0 | 2023/08/14 | 変数名,メソッド名の見直し |
1.0 | 2021/08/21 | 初版 |
バージョン | 更新日 | 内容 |
---|---|---|
1.1.0 | 2023/08/13 | メソッド名の見直し |
1.0 | 2021/08/16 |
console.logメソッド
129: //年月を取得
130: let year = parseInt(document.getElementById('year').value, 10);
131: let month = parseInt(document.getElementById('month').value, 10);
132: //ログ出力
133: console.log('year = %d', year);
134: console.log('month = %d', month);
135:
74: //カレンダー配列を準備する.
75: let calendarArray = newArray2d(MAX_ROW, MAX_COL, 0);
76: //ログ出力
77: console.log('calendarArray = %o', calendarArray);

console.errorメソッド
136: //Date2オブジェクト
137: dt2 = new Date2(year.toString() + '-' + month.toString() + '-01 00:00:00');
138: if (isNaN(dt2)) {
139: //ログ出力
140: console.error(dt2);
141: //エラーを表示
142: document.getElementById('error').innerHTML = 'エラー:正しい年月を入力してください.';
143: return;
144: }

コラム:デバッグとデバッガ


JavaScript以外にも、HTMLの構造やサーバとの送受信情報など、デバッグコンソールには様々な情報が表示される。

スマホの場合は、PCやMacと接続しないとデバッグコンソールを見ることができない。
デバッグコンソールに表示されるエラー行番号とエラーメッセージを呼んで、エディタに切り替えて該当箇所を直し、ブラウザをリロードする‥‥プログラミングは筋トレのようなもので、この地道な作業の繰り返しが学習効果を高めてくれる。
エラーメッセージの英語の意味が分からなければ、DeepL翻訳で自動翻訳してもらえばいいし、それでもエラーの原因が分からなければ、ChatGPTに質問してみよう。
ここでは、「5.6 継承とオーバーライド」で作った1ヵ月カレンダーにデバッグ機能を追加してみる。