清除帶有香草JavaScript的輸入框？

Question

伙計們，我嘗試過幾次用Vanilla javaScript重置輸入字段的操作，但沒有成功...我嘗試了reset（）方法，但也許我沒有正確添加代碼...這是我的代碼。

   <div class="container">
    <h1>Enter a Number<br />
        from 1 to 100.
    </h1>
    <input type="input" id="inputBox">
    <input type="button" id="button" value="submit" onclick="myFunction()">
    <span id="box1"></span>
   </div>

和js

    function myFunction() {
var i = document.getElementById("inputBox").value;

        //for (var i = 1; i < 100; i++) {

if (i % 3 === 0 && i % 5 === 0) {

    document.getElementById("box1").innerHTML = "fizzbuzz";

} else if (i % 3 === 0) {

    document.getElementById("box1").innerHTML = "fizz";

}   else if (i % 5 === 0) {

    document.getElementById("box1").innerHTML = "buzz";

} else {

    document.getElementById("box1").innerHTML = i;
}


}

我在這里也有一支筆： http : //codepen.io/lucky500/pen/GJjVEO

謝謝！

Answer 1

只需設置輸入document.getElementById("inputBox").value = ""

  function myFunction() { var input = document.getElementById("inputBox"); var i = input.value; //for (var i = 1; i < 100; i++) { if (i % 3 === 0 && i % 5 === 0) { document.getElementById("box1").innerHTML = "fizzbuzz"; } else if (i % 3 === 0) { document.getElementById("box1").innerHTML = "fizz"; } else if (i % 5 === 0) { document.getElementById("box1").innerHTML = "buzz"; } else { document.getElementById("box1").innerHTML = i; } // clear input input.value = ""; } 

 <div class="container"> <h1>Enter a Number<br /> from 1 to 100. </h1> <input type="input" id="inputBox"> <input type="button" id="button" value="submit" onclick="myFunction()"> <span id="box1"></span> </div>