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