數據類型

JavaScript 有不同的數據類型，包括字串、數字、布林值、陣列、物件等。

1. 字串
   用於表示文本數據。
   通常用 " "、' ' 兩個雙引號或單引號表示。

" Hello World! "

2. 數字
   用於表示數值
   可以是整數或小數

123、3.14

3. 布林值
   只有兩個值: true、false，用於表示邏輯的正確與否
4. 陣列
   用於儲存多個值的集合

// 可以是數字
[1, 2, 3, 4, 5]
// 也可以是字串
["Kevin", "Allen", "John"]

5. 物件
   用於儲存 key、value 的集合

// name、age 是 key，John、30 是對應的 value
{ name:"John", age: 30}

迴圈

迴圈是一種在程式中用於重複執行同一段程式碼的控制結構。
它允許在滿足特定條件時反覆執行一段程式碼，直到條件不再滿足。
常見的迴圈結構包括：

1. for 迴圈
   通常用於已知迴圈次數的情況。
   它包括初始化、條件和遞增/遞減部分。

for (var i = 0; i < 5; i++) {
    console.log("迴圈次數：" + i);
}

2. while 迴圈
   用於在條件為真時反覆執行程式碼。
   需要小心處理，避免無限迴圈。

var i = 0;
while (i < 5) {
    console.log("迴圈次數：" + i);
    i++;
}

3. do...while 迴圈
   首先執行一次程式碼，然後檢查條件是否滿足，如果滿足，則繼續執行。

var i = 0;
do {
    console.log("迴圈次數：" + i);
    i++;
} while (i < 5);

事件處理

事件處理在 JavaScript 中是一個重要的概念。
他允許我們捕捉和回應發生在網頁上的各種事件。
例如: 點擊、滑鼠移動、按鍵按下等。
事件處理的基本步驟如下：

1. 捕捉事件
   首先要選擇要捕捉事件的HTML元素，例如按鈕、文本框或整個網頁。
   可以使用 JavaScript 或 HTML 屬性進行事件註冊。
2. 事件處理程序
   接下來，需要編寫一個 JavaScript 函數。
   用於定義當事件發生時要執行的操作。然後，需要將事件處理程序附加到所選元素上。
3. 觸發事件
   當所選元素上的事件發生時，事件處理程序將自動執行。
   事件可以由用戶的互動（例如點擊按鈕）或 JavaScript 代碼（例如定時器）觸發。

// 選擇按鈕元素
var myButton = document.getElementById("myButton");

// 定義事件處理程序
function handleClick() {
    alert("按鈕被點擊了！");
}

// 將事件處理程序附加到按鈕元素上
myButton.addEventListener("click", handleClick);

事件處理能夠實現網頁的互動性，並允許用戶與網頁進行互動。
我們可以捕捉各種事件，然後根據需要執行相應的操作，從而創建豐富的用戶體驗!

那我們今天到這邊，明天見!