的document.getElementById()。值

时间:2015-11-07 05:12:23

标签: javascript

我正在尝试构建基本的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属性,但即使这样,它也显示未定义。我不明白上面代码中的错误。请帮忙。

0 个答案:

没有答案