JavaScriptをブラウザで学ぶ

JavaScriptの基本文法、DOM操作、Consoleの使い方、エラー解決記事をまとめた学習ハブです。HTML/CSSと組み合わせ、画面の変化とコンソールの出力を見比べながら学べます。

JavaScriptのおすすめ学習順序

1. 変数、文字列、数値、配列を使う
2. if文と繰り返し処理を試す
3. 関数を作り、console.log()で値を確認する
4. querySelector()でHTML要素を取得する
5. addEventListener()でクリック処理を追加する

AI Work StudioでJavaScriptを実行する

HTML、CSS、JavaScriptの各タブへコードを書き、「実行」を押します。見た目や動作はプレビュー、出力とエラーはコンソールで確認します。画面が変わらないときも、最初にコンソールを確認してください。

JavaScriptでよくあるエラー

• ReferenceError：宣言していない変数名を使っている
• Cannot read properties of null：取得できなかったHTML要素を操作している
• TypeError：値の型や関数の呼び出し方が想定と異なる
• SyntaxError：括弧、引用符、カンマなどの構文が不足している

よくある質問

JavaScriptはどこで実行結果を確認しますか？

画面の変化はプレビュー、console.log()の出力やエラーはコンソールで確認します。

ボタンを押しても動かないときは何を確認しますか？

HTML側のidやclassとquerySelectorの指定が一致しているか、コンソールにエラーが出ていないかを確認します。

AI ReviewはJavaScriptを自動修正しますか？

自動修正は行いません。現在開いているファイルについて、問題の可能性と次に確認する点を表示します。