使用js编写一个简单的计算机

最新推荐文章于 2021-07-30 08:04:10 发布

程序员汐

最新推荐文章于 2021-07-30 08:04:10 发布

阅读量1.2k

点赞数 1

文章标签： js

本文链接：https://blog.csdn.net/xi5214/article/details/109188712

版权

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">

</head>
<body>
<input type="text" id="numOne" placeholder="请输入第一个数"/>
<select id="operation">
    <option>+</option>
    <option>-</option>
    <option>*</option>
    <option>/</option>
    <option>%</option>
</select>
<input type="text" id="numTwo" placeholder="请输入第二个数"/>
<input type="button" value="计算" onclick="result()"/>
<hr/>
计算结果:<span id="result"></span>

<script>
    function result() {
        var numOne = document.getElementById("numOne").value;
        var numTwo = document.getElementById("numTwo").value;
        var operation = document.getElementById("operation").value;
        var re = /^[0-9]+.?[0-9]*/;//判断字符串是否为数字//判断正整数/[1−9]+[0−9]∗]∗/
        if (re.test(numOne) || re.test(numTwo)) {  //判断输出的是否是数字
            if (operation == "/") {
                if (numTwo == 0) {
                    alert("除数不能为0");
                } else {
					//toFixed(2)代表保留小数点后两位
                    var result = eval(numOne + operation + numTwo);
                    document.getElementById("result").innerText = result.toFixed(2);
                }
            } else {
                var result = eval(numOne + operation + numTwo);
                document.getElementById("result").innerText = result.toFixed(2);
            }

        } else {
            alert("请输入大于零的数字");
        }
    }
</script>
</body>
</html>

程序员汐

关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
使用js编写一个简单的计算机

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"></head><body><input type="text" id="numOne" placeholder="请输入第一个数"/><select id="operation"> <option>+</option> <opt
复制链接

扫一扫