JavaScript入門｜ブラウザだけで始める、最初の一歩（初心者向け）

コンソールで試す

1. ChromeかEdgeで何かのページを開いて F12開発者ツールが出ます。
2. 「コンソール（Console）」のタブを選ぶ
3. 下の1行を書いて Enter

console.log("こんにちは");
1200 * 3

貼り付けようとすると、ブラウザが注意を出すことがあります。知らない人に「ここに貼り付けて」と言われたコードは、絶対に貼り付けないでください（アカウントを乗っ取られる手口があります）。

基本の書き方

let ten = 75;
if (ten >= 70) {
  console.log("合格");
} else {
  console.log("もう少し");
}
for (let i = 1; i <= 3; i++) {
  console.log(i + "回目");
}

ボタンを押したら動くページ

<button id="btn">押してね</button>
<p id="msg"></p>
<script>
  document.getElementById("btn").addEventListener("click", () => {
    document.getElementById("msg").textContent = "押してくれてありがとう！";
  });
</script>

このコードをHTML入門の基本の形の <body> に入れて保存し、ブラウザで開いてボタンを押してみてください。

ほかのプログラミングのページ

• 初心者の始め方何から始めるか
• プログラミングの独学続けるコツ
• 無料で学べるサイトProgate・paizaなど
• プログラミング言語の種類何に使うかで選ぶ
• Pythonとはできること
• Python入門最初の1行から
• HTMLとはホームページのしくみ
• HTML入門メモ帳で作る
• SQL入門データを取り出す
• Scratch（スクラッチ）子どもの入門
• Google Apps Script入門スプレッドシートを自動化
• プログラミングスクール選び方と給付金
• プログラミング教室（子ども）選び方
• プログラミングの資格一覧と選び方

プログラミングの関連ページ

• プログラミングとは（まとめ）
• HTML入門
• SQL入門
• HTMLとは
• Scratch（スクラッチ）
• Python入門
• Google Apps Script入門
• Pythonとは
• プログラミングスクール
• プログラミング言語の種類
• プログラミング教室（子ども）
• 無料で学べるサイト