网页计算器

最新推荐文章于 2022-11-09 12:14:14 发布

xnjj

最新推荐文章于 2022-11-09 12:14:14 发布

阅读量241

点赞数

本文链接：https://blog.csdn.net/qq_58849698/article/details/119131081

版权

<!DOCTYPE html>
<html>
   <head>
       <meta charset="utf-8">
       <title></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("请输入数字");
               }
               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="相加" οnclick="calc(add)">
           <input type="button" value="相减" οnclick="calc(sub)">
           <input type="button" value="相乘" οnclick="calc(mul)">
           <input type="button" value="相除" οnclick="calc(div)">
       </p>
       <p>结果：<input id="result" type="text" readonly></p>
   </body>
</html>

xnjj

关注

0
点赞
踩
1

收藏

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

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script> function calc(func){ var result =document.getElementById('result'); ...
复制链接

扫一扫