所以我对编码很陌生,想尝试使用 html 和 javascript 创建一个简单的计算器。但是当您单击计算时,结果在控制台中返回为未定义。 任何帮助将不胜感激!
html代码
<!DOCTYPE html>
<html lang="en">
<head>
</head>
<body>
<form>
Value 1: <input type="text" id="value1">
Value 2: <input type="text" id="value2">
operator:
<select id="operator">
<option value="add">Add</option>
<option value="min">Minus</option>
<option value="div">Divide</option>
<option value="mul">Multiply</option>
</select>
<button type="button" onclick="calc()" > Calculate</button>
</form>
<div id="Results"></div>
<script src="Main.js"></script>
</body>
</html>
然后是 JavaScript 代码
function calc()
{
var a = parseInt(document.querySelector("#value1").value);
var b = parseInt(document.querySelector("#value2").value);
var op = document.querySelector("#operator").value;
var calculate;
if(op == "add")
{
calculate == a + b;
}
else if(op == "min")
{
calculate == a - b;
}
else if(op == "div")
{
calculate == a / b;
}
else if(op == "mul")
{
calculate == a * b;
}
console.log(calculate);
}
最佳答案
尝试在计算函数上仅使用 = 而不是双等于,它只是在此处进行比较
关于javascript - 为什么我的计算器得到未定义的结果?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/60385366/