JavaScript入門｜コードを書いて学ぶブラウザ学習

HTML・CSSとの違い

HTMLはページの構造、CSSは見た目、JavaScriptは処理や動きを担当します。ボタン操作への反応や入力内容の確認などに使われます。まずは文字や数値を扱う基本文法を学び、その後にページの要素を操作する仕組みへ進むと理解しやすくなります。

画面の見た目を変える前に、console.logで値を出力してみましょう。計算結果を表示し、変数を使い、ifで条件を分ける。こうした練習を通じて、実行した順番と出力の関係を確かめられます。

引用符で囲んだ"10"は文字列、囲まない10は数値です。足し算のつもりが文字の連結になることもあります。予想と違う結果が出たときは、値そのものだけでなく、どの型として扱われているかも確認しましょう。

たとえば税込価格の計算なら、元の価格、税率、計算式を分けて考えます。自分の言葉で処理を説明してからコードを書くと、見本の丸写しから一歩進めます。ブラウザ上の画面操作は、基本文法を理解した後の応用です。

次の例は、このページで読むための練習用サンプルです。

const price = 100;
const count = 3;
console.log(price * count);

一つ変えてみよう

priceを250、countを2に変えて合計を出してみましょう。次にcountを変えたとき、どの行が計算結果に影響するか説明してください。

現在公開されているレッスンのタイトルです。教材本文と演習はログイン後に学習できます。

Javaと同じ言語ですか？

別の言語です。名前は似ていますが、文法や実行環境には違いがあります。Webページの動きに関心があるならJavaScriptが入口になります。

HTMLを知らなくても学べますか？

変数や計算などの基本文法は学べます。Webページを操作する段階では、HTMLの要素や構造も合わせて理解すると役立ちます。

Laibraの学習ガイド・コース案内運営者情報 · お問い合わせ