计算器卡住一个操作

时间:2019-05-13 17:25:45

标签: javascript html reset

因此,我一直在制作一个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 个答案:

没有答案