錯誤“未捕獲的語法錯誤：意外的輸入結束”

Question

我不知道為什么我會收到此錯誤。 我想我已經關閉了每個括號。

我嘗試制作 id 字母而不是數字。

function check(x,y) {
    coor = "'" + x + y + "'";
    if (document.getElementById(coor).classList.contains("bomb")) {
        document.getElementById('WoL').innerHTML = "You lose.";
    }
}

HTML：

<div class = "grid-square" onclick = "check(1,8)" id = "18">?</div>

我希望輸出使 ID 為“WoL”的段落說“你輸了”。 如果你點擊 div 並且它是一個炸彈。

Answer 1

 function check(x,y) { coor = x.toString() + y.toString(); if (document.getElementById(coor).classList.contains("bomb")) { document.getElementById('WoL').innerHTML = "You lose."; } } check(1,1);

 <div id="WoL"></div> <div class="bomb" id="11">A tile containing a bomb</div>

Answer 2

您將字符串用引號括起來，因此，目前您實際上正在尋找一個 id 為'18'而不是18的元素（因此為您提供null ）。 相反，您可以使用空字符串連接x和y ，或者使用String()方法將您的數字轉換為字符串。

您還需要將類bomb添加到您的 div 以通過您的if語句檢查。

最后，您需要確保您的目標是正確的元素來更改document.getElementById('WoL')的 HTML 不是您的 HTML 中的元素，因此不會做任何事情。

請參閱下面的示例：

 function check(x, y) { var coor = ''+x + y; var target = document.getElementById(coor); if (target.classList.contains("bomb")) { target.textContent = "You lose."; } }

 <div class="grid-square bomb" onclick="check(1,8)" id="18">?</div>