javascript设计计算器

计算器

代码:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script type="text/javascript">
    window.onload = function(){
        var con1 = document.getElementById('header')
        var con2 = document.getElementById('footer')
        var con3 = document.getElementById('select')
        var con4 = document.getElementById('btn')
        var sum;
        con4.onclick = function(a,b,c){
            if(isNaN(con1.value) || isNaN(con2.value)){
                alert("输入格式不对,请重新输入")
            }
            else{
                if(con3.value == 0){
                    sum = +con1.value + con2.value*1;
                    alert(parseInt(sum*100)/100);
                }
                else if(con3.value == 1){
                    sum = +con1.value - con2.value*1;
                    alert(parseInt(sum*100)/100);
                }
                else if(con3.value == 2){
                    sum = +con1.value * con2.value*1;
                    alert(parseInt(sum*100)/100);
                }
                else if(con3.value == 3){
                    if(con2.value != 0){
                        sum = (+con1.value*100) / (con2.value*100);
                        alert(parseInt(sum*100)/100);
                    }
                    else{
                        alert("0不能作除数")
                    }
                }
            }
        }
    }
</script>
</head>
<body>
<input type="text" name="" id="header">
<select name="" id="select">
    <option value="0">+</option>
    <option value="1">-</option>
    <option value="2">*</option>
    <option value="3">/</option>
</select>
<input type="text" name="" id="footer">
<input type="button" name="" value="计算" id="btn">
</body>
</html>

效果:


image.png
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容