🔇 ボタンを押しても何も起きない

😰 こんな症状

ボタンを押しても何も起きない。コンソールにエラーも出ない。

🔍 原因

document.getElementById('xxx') の id 名が HTML と一致していない。エラーが出ないので気づきにくい。

❌ エラーが起きるコード

document.getElementById("buton").click();
// id スペルミスで null

✅ 直し方

JavaScript の getElementById('xxx') と HTML の id="xxx" を見比べる。console.log(element) を追加して null が出たら取得失敗。

✅ 修正後のコード

document.getElementById("button").click();

🔗 関連するエラー

• Uncaught ReferenceError: xxx is not defined — 変数・関数名のタイポ
• Uncaught TypeError: Cannot read properties of null — getElementById の id が存在しない
• 404 Not Found（スクリプトが読み込まれない） — script の src パスが間違っている
• SyntaxError: Unexpected token — 括弧・波括弧の閉じ忘れ
• 計算結果が NaN になる — 文字列を数値に変換していない

📖 この問題を学べるレッスン

JavaScriptコースで基礎から学ぶ →

📝 関連ブログ記事

• プログラミングのエラーメッセージの読み方 — エラーの読み方を基礎から解説

📖 関連する用語

• 変数
• 定数
• 関数
• 配列
• オブジェクト

❓ 関連するQ&A

• console.logの結果はどこで見る？
• ボタンクリックで何も起きない
• letとconstどっちを使う？