Question

因此，我一直在制作一个html项目，该项目计算用户输入的2个输入，并且用户可以选择要使用的运算符。

但是，每次尝试使用它时，它只会使用用户输入的第一个输入，而不会重置该示例，例如，我在第一个框中输入5，在另一个框中输入5，将运算符输入为“正在添加”。我得到10。然后将运算符更改为“乘法”，但我仍然得到10。而且，当我将reset（）函数放在自己的calculate函数的末尾时，它仍然不起作用。这是代码

function Calculate() {
  var vresult = Number(document.getElementById("Second Input").value)
  var v1result = Number(document.getElementById("First").value)
  var addresult = vresult + v1result
  var subresult = vresult - v1result
  var divideresult = vresult / v1result
  var multyresult = vresult * v1result
  var operator = document.getElementById("myList")
  if (operator == "+")
    document.getElementById("resultValue").innerHTML =addresult;
  else if (operator == "-")
    document.getElementById("resultValue").innerHTML = subresult;
  else if (operator == "/")
    document.getElementById("resultValue").innerHTML=divideresult;
  else if (operator = "*")
    document.getElementById("resultValue").innerHTML =multyresult;
  //reset()
}

<input type="number" id="First">

<fieldset>
  <legend>Selecting operator</legend>
  <p>
    <select id="myList">
      <option value="*" class="operator">Multiplication</a>
  </p>
  </option>
  <option value="+" class="operator">Adding</a>
    </p>
  </option>
  <option value="-" class="operator">Subtraction</a>
    </p>
  </option>
  <option value="/" class="operator">Division</a>
    </p>
  </option>

  </select>
  </p>
</fieldset>

<input type="number" id="Second Input">

<p id="resultValue"> = </p>
<div>
  <p style="padding-top: 50px;">
    <button type="button" onclick="return Calculate()">Calculate!</button>
  </p>
</div>

计算器卡住一个操作

0 个答案: