我用javaScript做了一些简单的函数。但是当我打印结果时,我得到了乘法和除法的正确结果,但没有得到加法和减法的正确结果。
为什么呢,功能几乎是一样的。
<script type="text/javascript">
function multiplyBy()
{
num1 = document.getElementById("firstNumber").value;
num2 = document.getElementById("secondNumber").value;
document.getElementById("result").innerHTML = num1 * num2;
}
function divideBy()
{
num1 = document.getElementById("firstNumber").value;
num2 = document.getElementById("secondNumber").value;
document.getElementById("result").innerHTML = num1 / num2;
}
function addition() {
num1 = document.getElementById("firstNumber").value;
num2 = document.getElementById("firstNumber").value;
document.getElementById("result").innerHTML = num1 + num2;
}
function subtract() {
num1 = document.getElementById("firstNumber").value;
num2 = document.getElementById("firstNumber").value;
document.getElementById("result").innerHTML = num1 - num2;
}
</script>
<body>
<form>
<p>1st Number: <input type="text" id="firstNumber" /><br></p>
<p>2nd Number: <input type="text" id="secondNumber" /><br></p>
<input type="button" class="btn btn-success" onClick="multiplyBy()" Value="Multiply" />
<input type="button" class="btn btn-warning" onClick="divideBy()" Value="Divide" />
<input type="button" class="btn btn-danger" onClick="addition()" Value="Add" />
<input type="button" class="btn btn-primary" onClick="subtract()" Value="Subtract" />
</form>
<br/>
<p>The Result is : <br/>
<span id = "result"></span>
</p>
</body>
最佳答案
改变
function addition() {
num1 = document.getElementById("firstNumber").value;
num2 = document.getElementById("firstNumber").value;
document.getElementById("result").innerHTML = num1 + num2;
}
function subtract() {
num1 = document.getElementById("firstNumber").value;
num2 = document.getElementById("firstNumber").value;
document.getElementById("result").innerHTML = num1 - num2;
}
至
function addition() {
num1 = parseInt(document.getElementById("firstNumber").value);
num2 = parseInt(document.getElementById("secondNumber").value);
document.getElementById("result").innerHTML = (num1 + num2);
}
function subtract() {
num1 = parseInt(document.getElementById("firstNumber").value);
num2 = parseInt(document.getElementById("secondNumber").value);
document.getElementById("result").innerHTML = (num1 - num2);
}
三件事,将输入解析为数字,为 num2 使用正确的 id 并在括号中进行计算以确保安全
关于javascript - javascript 中的简单计算器无法正常工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25762787/