我正在尝试构建基本的Javascript计算器。
我的HTML代码是:
<div id="calculator">
<div id="calcname">
<h3 id="calc">
Basic Calculator
</h3>
</div>
<div id="display">
<input type="text" maxlength="40" size="30" name="Display" id="display" value="" />
</div>
<div id="buttons">
<button id="seven" value="7" name="button" onclick="dplay();">
7
</button>
<button id="eight" value="8" name="button">
8
</button>
<button id="nine" value="9" name="button">
9
</button><br />
<button id="four" value="4" name="button">
4
</button>
<button id="five" value="5" name="button">
5
</button>
<button id="six" value="6" name="button">
6
</button><br />
<button id="one" value="1" name="button">
1
</button>
<button id="two" value="2" name="button">
2
</button>
<button id="three" value="3" name="button">
3
</button><br />
<button id="zero" value="0" name="button">
0
</button>
<button id="dot" value="." name="button">
.
</button>
<button id="/" value="/" name="button">
/
</button><br />
<button id="*" value="*" name="button">
*
</button>
<button id="-" value="-" name="button">
-
</button>
<button id="+" value="+" name="button">
+
</button><br />
<button id="C" value="C" name="button">
C
</button>
<button id="AC" value="AC" name="button">
AC
</button>
<button id="=" value="=" name="button">
=
</button>
</div>
</div>
我的javascript代码:
function dplay(){
var val=document.getElementsByTagName('button').value;
current+=val;
document.getElementByID("display").value=val;
}
为什么最后一行代码没有在文本框中显示值,文本框中有id="display
&#34;?
我只尝试过一个按钮。按下按钮时,应执行此代码。但是,当我尝试它时,它不显示。
我尝试了我不想要的innerHTML
属性,但即使这样,它也显示未定义。我不明白上面代码中的错误。请帮忙。