javascript - 单击时清除 Javascript 中的表单字段

Question

提前抱歉新问题!我正在用 Javascript 制作一个计算器应用程序，但很难获得“C”(清除)按钮来清除该字段。编辑:澄清一下，清除按钮不仅应该清除字段，还应该清除内存中的所有内容，以便我可以开始新的计算。 <input type="reset" value="C"/>清除字段但保留我在内存中按下的最后一个按钮。

    <script>
      input = "";

      function handleClick(data) {

        input += data;
        document.getElementById("output").value = input;
        console.log(input);
      }

      function evaluateExpression(data) {
        input = document.getElementById("output").value = eval(input);
      }

      function clear(data) {
        input = data;
        input = document.getElementById("output").reset(); 
        console.log(input);
      }

    </script>

    <div id="calculator">

      <form>
        <input type="text" id="output" />
      </form>

      <button onclick="handleClick(1)">1</button>
      <button onclick="handleClick(2)">2</button>
      <button onclick="handleClick(3)">3</button>
      <button onclick="handleClick(4)">4</button>
      <button onclick="handleClick(5)">5</button>
      <button onclick="handleClick(6)">6</button>
      <button onclick="handleClick(7)">7</button>
      <button onclick="handleClick(8)">8</button>
      <button onclick="handleClick(9)">9</button>
      <button onclick="clear(0)">C</button>
      <button onclick="handleClick('+')">+</button>
      <button onclick="handleClick('-')">-</button>
      <button onclick="handleClick('/')">/</button>
      <button onclick="handleClick('*')">*</button>
      <button onclick="evaluateExpression()">=</button>
    </div>

“清除”功能只是不想工作。我哪里错了？

Answer 1

在表单上进行重置。 link

document.getElementById("frm").reset();

或者像这样设置文本框的值

 document.getElementById('output').value = "";