利用JS实现计算器基本运算

利用JS实现计算器基本运算

一、基本操作

1.当点击每个按钮时，，需要响应单击事件，并输入相应的值在result元素中显示出来

2.要能够计算结果，并将结果显示出来，那么该如何计算结果呢

3.如何避免连续输入运算符的bug，如何解决连续输入小数点的bug

二、响应单击事件并显示输入的内容

<script>
    function clicknum(num) {
   
    var result=document.getElementById("result-in");
    result.innerHTML += num;  
    //这里加的是字符串，而不是数字相加。比如第一次num为7，第二次num为8，那么第一次结果为7，第二次结果就为78
    //也可以用 result.innerHTML = result.innerHTML + num; 
}
</script>


<div onclick="clicknum(innerHTML)">7</div>
<div onclick="clicknum(innerHTML)">8</div>
<div onclick="clicknum(innerHTML)">9</div>

<div onclick="clicknum(innerHTML)">4</div>
<div onclick="clicknum(innerHTML)">5</div>
<div onclick="clicknum(innerHTML)">6</div>

<div onclick="clicknum(innerHTML)">1</div>
<div onclick="clicknum(innerHTML)">2</div>
<div onclick="clicknum(innerHTML)">3</div>

<div onclick="clicknum(innerHTML)">0</div>

三、响应单击事件，输入运算符

<script>
    //相应单击运算符事件
    function clickoperater(operator) {
   
        var option = document.getElementById("result-in");
        option.innerHTML += operator;
    }

</script>


<div onclick="clickoperater('%')">%</div>
<div onclick="clickoperater('/')">÷</div>
<div onclick="clickoperater('*')">*</div>
<div onclick=