javascript - 无法获取重置按钮来清除innerHTML

Question

这是我迄今为止添加的重置按钮及其功能的代码。我希望它清除文本框和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 clear()
    {   
        document.getElementById("reset").reset();
    }
    

    <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>

Answer 1

要使重置按钮起作用，它必须与要清除的元素位于同一表单内。还让它运行函数clearAnswer()(你不能称之为clear)，它会清除响应的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>