我的基本计算器代码有什么问题？

Question

我正在尝试编写计算器程序，但我找不到代码中的错误。这是我的代码：

  <html>
<head>
<title>*</title>
</head>
<body>
<form>
<input type="number" placeholder="Enter a number" id="val1"><br>
times<br>
<input type="number" placeholder="Enter a number" id="val2"><br>
<input type="button" value="Calulate" onClick="myFunction()">
<script>
function myFunction(){
var val1 = document.getElementById(val1)value;
var val2 = document.getElementById(val2)value;
var result = val1*val2;
alert("The result " + result);
}
</script>
</form>
</body>
</html>

如果你知道怎么做，并且想要，你能帮我把它做成一个计算器，包括 +、-、:、* 等等吗？非常感谢！

Answer 1

您缺少一个点 (.)，并且选择器错误使用“#id”作为 id，“.class”作为 classes。

var val1 = document.getElementById("#val1").value;

我的基本计算器代码有什么问题？

What is wrong with my code for a basic calculator?

javascript

html

calculator