JavaScript简单计算器 - - php中文网博客

首页 > 博客列表 > JavaScript简单计算器

博主信息

博文 16

粉丝 0

访问量 13920

专题推荐

更多>

最新下载

更多>

网站特效

网站源码

网站素材

前端模板

JavaScript简单计算器

坨坨

原创

551人浏览过

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>简单计算器</title>
</head>
<body>
<div>
    <input type="text" id="num1" value="">
    <select id="yunsuanfu">
        <option value="请选择">请选择</option>
        <option value="+">+</option>
        <option value="-">-</option>
        <option value="*">*</option>
        <option value="/">/</option>
        <option value="%">%</option>
    </select>
    <input type="text" id="num2" value="">
    <button id="count">
        计算
    </button>
    <p id="jieguo"></p>
</div>
</body>
<script>
    var count = document.getElementById('count');
    count.onclick = function(){
        var num1 =document.getElementById('num1').value;
        var num2 =document.getElementById('num2').value;
        var yunsuanfu =document.getElementById('yunsuanfu').value
        var re = /^[0-9]+.?[0-9]*/;
        if (num1 =='' || num2 ==''){
            document.getElementById('jieguo').innerHTML= '错误：计算不能为空'
        }
        else if(num2 == 0 && (yunsuanfu =='/' || yunsuanfu == '%')){
            document.getElementById('jieguo').innerHTML= '错误：被除数不能为0'
        }
        else if(!re.test(num1) || !re.test(num2)){
            document.getElementById('jieguo').innerHTML= '错误：只能填写数字进行计算'
        }
        else {
            num1 = parseFloat(num1);
            num2 = parseFloat(num2);
            console.log(num1)
            console.log(num2)
            if(yunsuanfu == '请选择'){
                document.getElementById('jieguo').innerHTML='请选择运算符';
            }
            if(yunsuanfu == '+'){
                document.getElementById('jieguo').innerHTML=num1+'+'+num2+'='+(num1+num2);
            }
            if(yunsuanfu == '-'){
                document.getElementById('jieguo').innerHTML=num1+'-'+num2+'='+(num1-num2);
            }
            if(yunsuanfu == '*'){
                document.getElementById('jieguo').innerHTML=num1+'*'+num2+'='+(num1*num2);
            }
            if(yunsuanfu == '/'){
                document.getElementById('jieguo').innerHTML=num1+'除'+num2+'='+(num1/num2);
            }
            if(yunsuanfu == '%'){
                document.getElementById('jieguo').innerHTML=num1+'取余'+num2+'='+(num1%num2);
            }
        }
    }
</script>
</html>

批改老师：

PHPz

批改状态：合格

老师批语：

本博文版权归博主所有，转载请注明地址！如有侵权、违法，请联系admin@php.cn举报处理！

全部评论文明上网理性发言，请遵守新闻评论服务协议

0条评论

作者最新博文

html标签练习

2021-11-11 21:07:14