计算器笔记

最新推荐文章于 2024-10-09 11:42:00 发布

A12345_dfg

最新推荐文章于 2024-10-09 11:42:00 发布

阅读量218

点赞数

本文链接：https://blog.csdn.net/A12345_dfg/article/details/123998461

版权

html

<!DOCTYPE html>
<html>
   <head>
       <meta charset="UTF-8">
       <title></title>
       <style>
           #div1{
               width:100px;
               height:100px;
               border:1px solid blue;
           }
       </style>
       <script>
           function jia(){
               //获得两个控件的值
               var num1 = document.getElementById("num1").value;
               var num2 = document.getElementById("num2").value;
               //获得显示器结果div
               var div = document.getElementById("div1");
               //方案1：parseint的作用将字符串转换成数字
               //div.innerHTML=parseInt(num1)+parseInt(num2);
               //方案2：
               div.innerHTML = num1*1+num2*1;

           }
           function jian(){
               var num1 = document.getElementById("num1").value;
               var num2 = document.getElementById("num2").value;
               var div = document.getElementById("div1");
               div.innerHTML=num1-num2;
           }
           function cheng(){
               var num1 = document.getElementById("num1").value;
               var num2 = document.getElementById("num2").value;
               var div = document.getElementById("div1");
               div.innerHTML=num1*num2;
           }
           function chu(){
               var num1 = document.getElementById("num1").value;
               var num2 = document.getElementById("num2").value;
               var div = document.getElementById("div1");
               div.innerHTML=num1/num2;
           }
       </script>
   </head>
   <body>
       <input type="text" id="num1" /><br />
       <input type="text" id="num2" /><br />
       <input type="button" value="+" οnclick="jia()" />
       <input type="button" value="-" οnclick="jian()" />
       <input type="button" value="*" οnclick="cheng()" />
       <input type="button" value="/" οnclick="chu()" />
       <div id="div1"></div>
   </body>
</html>