解决方案 »

  1.   

    <!DOCTYPE html>
    <html>
    <head lang="en">
        <meta charset="UTF-8">
        <title>计算器</title>
        <style type="text/css">
            .div{
                width:300px;
                height:300px;
                background-color:gray;
                margin:0 auto;
                margin-top:230px;
                position:relative;
                }
            .buttonLeft{
            text-align:left;
            width:22%;
            position:absolute;
            left:5px;
            }
            .buttonCenter{
            text-align:center;
            width:22%;
     
            }
            .buttonRight{
            text-align:right;
            width:22%;
     
            }
     
     
        </style>
        <script type="text/javascript">
        function display(obj)
        {
        document.getElementById("text").value+=obj.value;
        }
        function results(){
        var tmp=document.getElementById("text").value;
        if(tmp.indexOf("=")<0)
        document.getElementById("text").value+="="+eval(tmp);
        }
       function clearz()
    {
        document.getElementById("text").value="";
    }
        </script>
    </head>
    <body>
        <div align="center" id="div" class="div">
            <input type="text" id="text">
            <hr>
            <button class="buttonLeft" id="7" onclick="display(this)" value="7">7</button>
            <button class="buttonCenter" id="8" onclick="display(this)" value="8">8</button>
            <button class="buttonRight" id="9" onclick="display(this)" value="9">9</button><br>
            <button class="buttonLeft" id="4" onclick="display(this)" value="4">4</button>
            <button class="buttonCenter" id="5" onclick="display(this)" value="5">5</button>
            <button class="buttonRight" id="6" onclick="display(this)" value="6">6</button><br>
            <button class="buttonLeft" id="1" onclick="display(this)" value="1">1</button>
            <button class="buttonCenter" id="2" onclick="display(this)" value="2">2</button>
            <button class="buttonRight" id="3" onclick="display(this)" value="3">3</button><br>
            <button class="buttonLeft" id="0" onclick="display(this)" value="0">0</button>
            <button class="buttonCenter" id="final" onclick="results()">=</button>
            <button class="buttonRight" id="point" onclick="display(this)" value=".">.</button><br>
            <button class="buttonLeft" id="plus" onclick="display(this)" value="+">+</button>
            <button class="buttonCenter" id="reduce" onclick="display(this)" value="-">-</button>
            <button class="buttonRight" id="multi" onclick="display(this)" value="*">*</button><br>
            <button class="buttonLeft" id="remove" onclick="display(this)" value="/">/</button>
            <button class="buttonRight" id="ac" onclick="clearz()">Ac</button>
        </div>
    </body>
    </html>
      

  2.   

    不是document.getElementsById  没有s
      

  3.   

    phpstorm。前提是你的电脑硬盘不是那么破。