JavaScriptゲームが動かない…よくある悩み
「コードをコピペしたのに動かない」
これは初心者あるあるです。
でも安心してください。
原因はほぼ決まっています。
よくある症状一覧
- 画面が真っ白
- ボタンを押しても反応しない
- エラーが出ている気がする
原因① scriptタグの位置
<script src="script.js"></script>
これは </body> の直前に置きましょう。
原因② ファイル名・パスの間違い
Script.jsとscript.jsは別物- フォルダの場所が違う
👉 大文字・小文字も区別されます。
原因③ id名のミス
HTML
<button id="btn">クリック</button>
JavaScript
getElementById("btn")
1文字でも違うと動きません。
原因④ 全角・半角ミス
特に
- 「”」
- 「；」
全角になっていないか注意しましょう。
原因⑤ console.log を使っていない
console.log("ここまで来てる");
👉 これを入れて、
どこまで動いているか確認します。
原因⑥ JavaScriptエラーを見ていない
- 右クリック → 検証
- Consoleタブを見る
赤い文字が出ていれば、そこが原因です。
原因⑦ コピー元のコードを理解していない
そのまま貼ってOKですが、
変えた部分がどこかは把握しましょう。
それでも動かない時のチェックリスト
- ファイル名は合っている？
- 同じフォルダ？
- エラーは出ていない？
👉 ほとんどの場合、ここで解決します。
次に読むおすすめ記事
【当たり判定の作り方】
【作ったゲームの公開方法】
