為什麼要學 JavaScript？

HTML → 負責結構
CSS → 負責樣式
JavaScript (JS) → 負責行為與互動

沒有 JS，網頁就像是一本靜態書；有了 JS，它才能變成「應用程式」。

1. 變數宣告

三種方式

var name = "Alice";   // 古老用法，不推薦
let age = 20;         // 可變的變數
const pi = 3.14;      // 常數，不能被重新指定

範例

let message = "Hello World";
console.log(message);  // 輸出：Hello World

2. JavaScript 的基本資料型態

原始型別 (Primitive Types)

1. String（字串）

let text = "Hello";
let text2 = 'World';
let text3 = `Hi, ${text2}`; // 模板字串

2. Number（數字，整數/浮點數）

let a = 10;
let b = 3.14;

3. Boolean（布林）

let isLogin = true;
let isAdmin = false;

4. Undefined

let x;  // 預設是 undefined

5. Null

let y = null;  // 表示「空值」

6. Symbol（少用，高階用途）
7. BigInt（超大數字）

let big = 123456789012345678901234567890n;

物件型別 (Object Types)

• Object
• Array
• Function
  （這些我們之後會專門講 🚀）

3. typeof 檢查型態

console.log(typeof "Hello");   // string
console.log(typeof 123);       // number
console.log(typeof true);      // boolean
console.log(typeof undefined); // undefined
console.log(typeof null);      // object (JS 的小 bug XD)

小練習 💡

1. 宣告一個變數 username，賦值為你的名字，並在 console.log() 輸出。
2. 建立三個變數 height、weight、bmi，嘗試計算 BMI（體重 / 身高平方）。
3. 用 typeof 測試不同型別的變數。

👉 明天（Day 12），我們會進入 JavaScript 運算子與條件判斷，讓程式能做「邏輯選擇」。