From 1b2b624c8b0bf5ed9a40018988c8c056d58e842c Mon Sep 17 00:00:00 2001 From: SimonAllen Date: Mon, 16 Aug 2021 17:51:21 +0800 Subject: zh-tw Fix flaws 1. 按提示修正97行大小寫 2. 116行改成中文引號 3. 190行把缺失的中文下引號補上 4. 空格調整 MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../javascript/first_steps/what_went_wrong/index.html | 14 +++++++------- 1 file changed, 7 insertions(+), 7 deletions(-) (limited to 'files/zh-tw') diff --git a/files/zh-tw/learn/javascript/first_steps/what_went_wrong/index.html b/files/zh-tw/learn/javascript/first_steps/what_went_wrong/index.html index 3d108aea3b..712c8b84f7 100644 --- a/files/zh-tw/learn/javascript/first_steps/what_went_wrong/index.html +++ b/files/zh-tw/learn/javascript/first_steps/what_went_wrong/index.html @@ -67,7 +67,7 @@ translation_of: Learn/JavaScript/First_steps/What_went_wrong 
guessSubmit.addeventListener('click', checkGuess);
  • 主控台提示的錯誤訊息寫著「guessSubmit.addeventListener is not a function（guessSubmit.addeventListener 並不是一個函式）」，所以我們大概是哪裡拼錯字了。如果你並不確定一個函式的正確名稱如何拼寫，打開MDN確認看看是個不錯的選擇。最佳做法是在你喜歡的搜尋引擎搜尋「mdn關鍵字」。為了節省時間，這裡提供你一個捷徑：addEventListener()。
    • -
  • 回來看看這個頁面，我們明顯是把函式名稱給拼錯了！記住，JavaScript是會區分大小寫的，所以任何些微的拼寫錯誤甚至是大小寫錯誤都會造成錯誤發生。把addeventListener 改成addEventListener 問題就解決了。現在將你的程式碼修正吧。
    • +
  • 回來看看這個頁面，我們明顯是把函式名稱給拼錯了！記住，JavaScript是會區分大小寫的，所以任何些微的拼寫錯誤甚至是大小寫錯誤都會造成錯誤發生。把addeventListener改成addEventListener問題就解決了。現在將你的程式碼修正吧。
    • @@ -94,26 +94,26 @@ translation_of: Learn/JavaScript/First_steps/What_went_wrong 
    console.log(lowOrHi);
    -

    Note:console.log() 是一個非常好用的除錯功能，它能夠將值印出至主控台中。所以這行程式碼會在第48行賦值給lowOrHi後，將它的值印出至主控台中。

    +

    Note:console.log()是一個非常好用的除錯功能，它能夠將值印出至主控台中。所以這行程式碼會在第48行賦值給lowOrHi後，將它的值印出至主控台中。

    -
  • 存檔並重整，你應該會在主控台中看到 console.log() 輸出的結果。在這個時間點，lowOrHi的值是null。所以很明顯的，第 48 行一定出了什麼問題。
    • +
  • 存檔並重整，你應該會在主控台中看到console.log()輸出的結果。在這個時間點，lowOrHi的值是null。所以很明顯的，第 48 行一定出了什麼問題。
  • 讓我們思考一下發生了什麼問題。第48行呼叫了 document.querySelector() 方法來透過CSS選擇器取得一個HTML元素參照。打開我們的網頁看看我們想要取得的段落元素： 
    <p class="lowOrHi"></p>
    • -
  • 所以我們需要的是一個開頭是小數點(.)的class選擇器，但傳進第48行querySelector()方法的選擇器並沒有開頭的小數點。這也許就是問題所在了！試著將第48行的 lowOrHi 改成.lowOrHi。
    • +
  • 所以我們需要的是一個開頭是小數點(.)的class選擇器，但傳進第48行querySelector()方法的選擇器並沒有開頭的小數點。這也許就是問題所在了！試著將第48行的lowOrHi改成.lowOrHi。
  • 再次存檔並重整，你的console.log()現在應該會輸出我們想要的<p>元素了。呼！又修好了另一個錯誤！你現在可以把你的console.log()那行移除了，或是你想要留著之後查看——取決於你。
    • -

    Note: 看看這個 TypeError: "x" is (not) "y" 連結來了解更多有關這類錯誤的資訊。

    +

    Note: 看看這個TypeError: "x" is (not) "y" 連結來了解更多有關這類錯誤的資訊。

    語法錯誤：第三回合

    1. 現在如果你試著再次玩這個遊戲應該會相當順利，直到該讓遊戲結束的時機點才會發生錯誤：無論是猜對還是10次用完。
      2. -
    2. 此時console提供錯誤訊息跟一開始一樣： "TypeError: resetButton.addeventListener is not a function"! 然而此次錯誤來自第94行。查看第94行後，我們可以輕易發現依舊是屬性大小寫問題，一樣把addeventListener 改成 .addEventListener就沒問題了。
      3. +
    3. 此時console提供錯誤訊息跟一開始一樣：「TypeError: resetButton.addeventListener is not a function!」 然而此次錯誤來自第94行。查看第94行後，我們可以輕易發現依舊是屬性大小寫問題，一樣把addeventListener改成.addEventListener就沒問題了。

    邏輯錯誤

    @@ -187,7 +187,7 @@ translation_of: Learn/JavaScript/First_steps/What_went_wrong

    這個檢查就失效了，程式會永遠回傳 true而勝利並結束遊戲。請小心！

    -

    語法錯誤：參數列表後面缺少「)
    SyntaxError: missing ) after argument list

    +

    語法錯誤：參數列表後面缺少「)」
    SyntaxError: missing ) after argument list

    給完函式或方法參數時別忘了放上)右括號（請注意不要打成中文輸入法）。

    -- cgit v1.2.3-54-g00ecf