🌐 JavaScript 学習まとめ

今日は初めてJavaScriptについて学びました。
本日の内容についても自分なりにまとめみようと思います。

🔰 まずは基本のキ：JavaScriptの基礎文法

JavaScriptでは以下の3つの方法で変数を定義できます。

let name = "Alice";
const age = 20;

デバッグや動作確認でよく使うのが console.log()。
テンプレートリテラル（文字列${変数}）を使うと、文字列内に変数を埋め込めて便利。

console.log(`Hello, ${name}`);

if (age >= 20) {
  console.log("成人です");
}

for (let i = 0; i < 5; i++) {
  console.log(i);
}

function greet() {
  return "Hello";
}

const sayHi = function() {
  return "Hi";
};

const add = (a, b) => a + b;

(function() {
  console.log("即時実行される関数");
})();

JavaScriptではデータをオブジェクトとして扱うことが多いです。

const user = {
  name: "Alice",
  greet: function() {
    return `Hi, I'm ${this.name}`;
  }
};

ブラウザでHTMLを操作したいときはDOM（Document Object Model）を使います。

###要素の取得

document.getElementById("main");
document.getElementsByClassName("box");
document.querySelectorAll(".item");

document.getElementById("btn").addEventListener("click", function() {
  alert("クリックされました！");
});

その他便利なもの

JavaScriptはとても柔軟で、学びやすく、奥が深い言語です。
1日でかなりの量をインプットしましたが、まずは「動かしてみる」ことが何より大事ですね。

これから実践で触れながら、少しずつ自分のモノにしていきたいと思います！