使用JavaScript完成一个简易计算器的功能

最新推荐文章于 2024-07-29 13:58:45 发布

开心了嘛

最新推荐文章于 2024-07-29 13:58:45 发布

阅读量387

点赞数 1

文章标签： javascript

本文链接：https://blog.csdn.net/qq_46056826/article/details/109246268

版权

使用JavaScript完成一个简易计算器的功能

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<input type="text" id="a" placeholder="请输入第一个数"/><br/>
<input type="text" id="b" placeholder="请输入第二个数"/><br/>
<td>运算符</td><br/>
<input type="button" value="+" onclick="op('+')"/>
<input type="button" value="-" onclick="op('-')"/>
<input type="button" value="*" onclick="op('*')"/>
<input type="button" value="/" onclick="op('/')"/><br/>
<td>运算结果：</td>
<input type="text" id="result"/>
<script>
    function  op(o){
        //获取输入的值
        var a=Number(document.getElementById("a").value);
        var b=Number(document.getElementById("b").value);

        if (isNaN(a) || isNaN(b)) {
            alert("您输入的数字不正确");
            return;
        }
        if (o== "/" && b == 0) {
            alert("被除数不能为零");
            return;
        }
        //存储结果
        var result;
        switch (o){
            case "+":
                result=a+b;
                break;
            case "-":
                result=a-b;
                break;
            case "*":
                result=a*b;
                break;
            case "/":
                result=a/b;
                break;
        }
        //显示结果
        document.getElementById("result").value=result;
    }
</script>
</body>
</html>

开心了嘛

关注

1
点赞
踩
4

收藏

觉得还不错? 一键收藏
0
评论
使用JavaScript完成一个简易计算器的功能

使用JavaScript完成一个简易计算器的功能<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><input type="text" id="a" placeholder="请输入第一个数"/><br/><input
复制链接

扫一扫