Question

这里我的代码到目前为止添加了重置按钮和功能。我希望它清除文本框和innerHTML，但保留原始输入任何单词。

＆＃13;

    function palindrome(){
        revString = "";
        inpString = document.getElementById("text").value;
        i = inpString.length;

        for(var j=i; j>=0; j--){
            revString = revString + inpString.charAt(j);
        }
        if(inpString === revString) {
            document.getElementById("answer").innerHTML = inpString+" is a palindrome";
        } else {
            document.getElementById("answer").innerHTML = inpString+" is not a palindrome";
        }
    }

    function clear()
    {   
        document.getElementById("reset").reset();
    }

＆＃13;

    <h1>Enter any word:<h1>
    <input type="text" id="text">
    <input type="submit" value="Check" onclick="palindrome()">
    <button type="reset" id="reset">Clear</button>
    <p id="answer"></p>

＆＃13;

Answer 1

要使重置按钮起作用，它必须与要清除的元素的形式相同。还有它运行clearAnswer（）函数（你不能清楚地说它），它清除了响应的innerHtml。

document.getElementById("answer").innerHTML = '';

function palindrome(){
        revString = "";
        inpString = document.getElementById("text").value;
        i = inpString.length;

        for(var j=i; j>=0; j--){
            revString = revString + inpString.charAt(j);
        }
        if(inpString === revString) {
            document.getElementById("answer").innerHTML = inpString+" is a palindrome";
        } else {
            document.getElementById("answer").innerHTML = inpString+" is not a palindrome";
        }
    }

    function clearAnswer()
    {   
        document.getElementById("answer").innerHTML = '';
    }

    
    <h1>Enter any word:<h1>
    <form>
      <input type="text" id="text">
      <input type="submit" value="Check" onclick="palindrome()">
      <button type="reset" id="reset" onclick="clearAnswer()">Clear</button>
    </form>
    <p id="answer"></p>

无法通过重置按钮来清除innerHTML

1 个答案: