バグ
次のプログラムを入力し実行しましたが、何も表示されませんでした。なぜならプログラムに不具合(バグ・エラー)があるからです。不具合の原因はさまざまですが、主な原因は入力ミスです。何も表示されない場合は、入力に間違いがないか確認しましょう。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 |
<meta charset="UTF-8"> <script type="text/javascript"> var namae; var nenrei; namae = window.promp("名前を入力してください"); nenrei = window.prompt("年令を入力してください"); document.write("私は"); document.write(namae); document.write("です。"); document.write("年令は"); document.write(nenrei); document.write("才です。"); </script> |
助けてくれる道具 ブラウザでF12キー
目を皿のようにして入力の誤りを探しても見つけられなことがあります。そんな時に役立つ道具があります。プログラムを実行しているブラウザの画面でファンクションキーのF12を押してください(MacでSafariを使っている場合はここを参考にしてください)画面右側に新たなパネルが開きます。
Consoleタブ(ブラウザによっては「コンソール」)をクリックし赤い文字が表示されている場合はプログラムにエラーがあります。英語で書かれていてわかりずらいでね。注目していただきたいのは、at challenge2.html:7です。これは「challenge2.hml」の7行目にエラーであることを示しています。
7行目を見てみると
7 |
namae = window.promp("名前を入力してください"); |
「window.prompt」のスペルが違います(最後のtが抜けている)。これが原因だったようです。
どうしてもバグの原因がわからない時は、F12キーを押してエラーが発生していないか確認してみてください。