#daysofMiva 挑戰賽的第一天。

100 天挑戰的第一天

日期：2024年8月21日

目標：學習和理解 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 <= 5) {
    console.log(number);
    number++;
}

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

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

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

範例：

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

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

While 與 For 迴圈的差異：

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

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

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

總結：

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

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

我的經歷

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

但是 javascript...????

結論

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

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

以上是#daysofMiva 挑戰賽的第一天。的詳細內容。更多資訊請關注PHP中文網其他相關文章！