JavaScript制作网页计算器

最新推荐文章于 2022-07-02 18:27:12 发布

IDEabcd

最新推荐文章于 2022-07-02 18:27:12 发布

阅读量224

点赞数

分类专栏：笔记

本文链接：https://blog.csdn.net/m0_59592657/article/details/121213496

版权

笔记专栏收录该内容

3 篇文章 0 订阅

订阅专栏

JavaScript制作网页计算器

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        function calc(func){
            var result = document.getElementById('result');
            var num1 = parseInt(document.getElementById('num1').value);
            var num2 = parseInt(document.getElementById('num2').value);
            if(isNaN(num1) || isNaN(num2)){
                alert('请输入数字');
                return false;
            }
            result.value = func(num1,num2);
        }
        function add(num1,num2){
            return num1+num2;
        }
        function sub(num1,num2){
            return num1-num2;
        }
        function mul(num1,num2){
            return num1*num2;
        }
        function div(num1,num2){
            if(num2==0){
                alert('除数不能为0');
                return '';
            }
            return num1/num2;
        }
    </script>
</head>
<body>
    <p>整数1：<input id="num1" type="text"></p >
    <p>整数2：<input id="num2" type="text"></p >
    <p>
        <input type="button" value="相加" onclick="calc(add)">
        <input type="button" value="相减" onclick="calc(sub)">
        <input type="button" value="相乘" onclick="calc(mul)">
        <input type="button" value="相除" onclick="calc(div)">
    </p >
    <p>结果：<input id="result" type="text" readonly></p >
</body>
</html>

运行结果：
在这里插入图片描述

IDEabcd

关注

0
点赞
踩
4

收藏

觉得还不错? 一键收藏
0
评论
JavaScript制作网页计算器

JavaScript制作网页计算器<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
复制链接

扫一扫