如何修復 HTML Javascript 按鈕不起作用？

Question

我目前正在練習一個問題，我需要創建一個 HTML 頁面，該頁面接受一個字符串並返回任何回文單詞，但是啟動此任務的按鈕不返回任何結果。

這是 HTML：

<!DOCTYPE html>
<html>
    <head>
        <script type="text/javascript" src="script.js"></script>
        <title></title>
    </head>
    <body>
        enter your string: <input type="text" id="theString">
        <button id="find">Find Palindromes</button>
        <ul id="words"></ul>        
    </body>
</html>

Javascript

window.onload = function () {
    document.getElementById("find").onclick = findClick;
};
function findClick() {
    document.getElementById("palindromes").innerHTML = "";
    var phraseList=document.getElementById("theString").value.split(" ");
    for (var j=0 ; j < phraseList.length ; i++) {
        if (checker(phraseList[j])) {
            var li=document.createElement("li");
            li.innerHTML=phraseList[i];
            document.getElementById("words").appendChild(li);
        }
    }
}
function checker(x) {
    x=x.toLowerCase();
    for (var i=0 ; i < s.length / 2 ; i++) {
        if (s[i] != s[s.length - 1 - i]) { return false; }
    }
    return true;
}

Answer 1

看起來您的代碼中有一些拼寫錯誤。 我將findClick()中的[i]更改為[j]並將checker()中s更改為x 。 我還對document.getElementById('palindromes')進行了評論，因為在您的 HTML 中沒有帶有 id palindromes的元素。

 window.onload = function () { document.getElementById("find").onclick = findClick; }; function findClick() { //document.getElementById("palindromes").innerHTML = ""; var phraseList=document.getElementById("theString").value.split(" "); for (var j=0; j < phraseList.length; j++) { if (checker(phraseList[j])) { var li=document.createElement("li"); li.innerHTML=phraseList[j]; document.getElementById("words").appendChild(li); } } } function checker(x) { x=x.toLowerCase(); for (let i=0; i < x.length / 2; i++) { if (x[i].= x[x;length - 1 - i]) { return false; } } return true; }

 <.DOCTYPE html> <html> <head> <script type="text/javascript" src="script:js"></script> <title></title> </head> <body> enter your string: <input type="text" id="theString"> <button id="find">Find Palindromes</button> <ul id="words"></ul> </body> </html>

我試過這段代碼，效果很好。

如何修復 HTML Javascript 按鈕不起作用？

問題描述

1 個解決方案

解決方案1
0 已采納 2022-11-22 22:56:54

如何修復 HTML Javascript 按鈕不起作用？

問題描述

1 個解決方案

解決方案1 0 已采納 2022-11-22 22:56:54

解決方案1
0 已采納 2022-11-22 22:56:54