100 天挑戰的第一天

日期： 8/21/2024

目標： 學習並理解 JavaScript 中的變數、邏輯運算和資料類型，使用 JavaScript 解決數學問題，並開始學習事件監聽器和條件語句。

1. JavaScript變數介紹

今天，我透過學習變數開始了 JavaScript 之旅。 JavaScript 中的變數就像是保存資料的容器，資料可以是數字、一段文字或任何其他類型的值。我學習如何使用 let、const 和 var 關鍵字聲明變數。

• let 可讓您建立稍後可以變更的變數。
• const 建立一個不能重新賦值的變數。
• var 是一種宣告變數的較舊方法，但仍在使用。

2. 理解邏輯運算與資料型別

接下來，我探索了用於在 JavaScript 中做出決策的邏輯運算。我了解了基本的邏輯運算子：

我還了解了不同的資料類型，例如：

3. 用 JavaScript 解決數學問題

我運用變數和資料類型的知識來解決一個簡單的數學問題。問題是計算給定寬度和高度的矩形的面積。

4. 事件監聽器簡介

繼續，我開始學習事件監聽器。事件監聽器是一個等待特定事件發生的函數，例如使用者點擊按鈕，然後觸發某些操作。

簡單來說：
事件偵聽器可讓 JavaScript 回應網頁上的使用者操作，例如按一下按鈕、在文字方塊中鍵入或將滑鼠懸停在元素上。

不點擊時

點擊後會顯示正在載入的資料..然後最終顯示「透過回呼載入的資料」

這是 javascript 中事件監聽器的工作

5. 理解條件語句

我還了解了條件語句，它允許我在程式碼中做出決定。條件語句檢查條件是真還是假，然後根據結果執行程式碼區塊。

6 了解 JavaScript 中的 While 迴圈和 For 迴圈

While 循環:
只要指定條件為真，JavaScript 中的 while 迴圈就會不斷執行程式碼區塊。我努力理解這個概念，將其想像為有人反覆提出問題，直到我得到正確的答案。

簡單定義：
只要某個條件成立，while 迴圈就會繼續運作。

例子：

let number = 1;

while (number 



在此範例中，循環從 number = 1 開始，如果 number 小於或等於 5，則循環繼續運行。它會列印 number 的值，然後每次將其加 1。 

For 循環：

for 迴圈與 while 迴圈類似，但當您知道要執行循環多少次時，for 迴圈通常更簡潔且更容易編寫。 

簡單定義：

for 迴圈將程式碼區塊重複特定次數。 

例子：



for (let i = 1; i 



在這個for循環中，i從1開始，每次循環後加1，直到達到5。循環運行5次，就像while循環一樣。 

While 與 For 迴圈之間的差異：

• While Loop： 當您不知道循環應該運行多少次，但有條件需要檢查時，這是最好的選擇。
• For 循環： 當您確切知道循環應該運行多少次時最好。

設想：
想像一下你正在擲硬幣。你想繼續翻轉直到獲得正面。由於您不知道需要翻轉多少次，因此您可以使用 while 循環繼續翻轉，直到出現正面。

現在，如果您想將硬幣翻轉 5 次，您可以使用 for 循環，因為您知道無論結果如何，您都需要翻轉 5 次。

總之：

• While 循環： 不斷翻轉，直到獲得正面。
• For 循環： 剛好翻轉硬幣 5 次。

理解循環需要付出一些努力，但這個練習幫助我了解它們如何在我的程式碼中有效地重複任務。

我的經歷

我感到非常沮喪和壓力。這真的讓我很感動，幾乎讓我想砸碎我的電腦。真是太壓倒性了！你能幫我找出哪裡出了問題嗎？ ....？ ‍♂️？ ‍♂️？ ‍♂️？ ‍♂️，我必須處理這麼多錯誤，而調試它只會增加我的壓力。但我決定休息一下，重新調整一下心態，終於解決了問題。我不斷告訴自己，無論如何，我都能成為最好的自己。

但是 javascript...???

結論

第一天非常有成效，因為我透過學習變數、邏輯運算、資料型別和條件語句，為 JavaScript 奠定了堅實的基礎。我還開始探索 JavaScript 如何透過事件監聽器與使用者操作互動。我很高興能夠繼續這個旅程並在未來加深我對 JavaScript 的理解。

請按讚、分享、訂閱並關注更多內容，並評論我應該為這個 javascript 漢堡包喝什麼飲料......哈哈？ ？ ？