JavaScriptのエラーはコンソール(F12)に表示されます。エラー名を見れば原因がわかります。

❌ ReferenceError: xxx is not defined
console.log(mesage); // messageのスペルミス

✅ 変数名のスペルミス・宣言前に使っていないか確認する

❌ TypeError: Cannot read properties of undefined
const user = undefined;
console.log(user.name); // undefinedのプロパティにアクセス

✅ 変数が undefinednull でないか確認する。user?.name(オプショナルチェーン)を使うと安全

❌ SyntaxError(構文エラー)
if (x > 0 {  // ← ) が足りない
  console.log("正");
}

✅ カッコの対応・セミコロン・クォートの閉じ忘れを確認する

🔍 デバッグの基本
// console.logで値を確認する
console.log("ここまで動いた");
console.log("変数の値:", myVar);
console.log(typeof myVar); // 型を確認