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

时间:2015-01-16 19:09:14

标签: javascript html calculator

我正在尝试编写计算器,但我无法在代码中找到错误。这是我的代码:

  <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>

如果您知道如何以及希望如何帮助我将其作为+, - ,:,*等的计算器?非常感谢你!

1 个答案:

答案 0 :(得分:3)

您缺少一个点(。),并且选择器使用错误&#34; #id&#34;对于ids和&#34; .class&#34;对于课程。

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