首页 > 编程语言 > 详细

JavaScript实例之计算器

时间:2017-09-05 01:23:13      阅读:275      评论:0      收藏:0      [点我收藏+]

代码实例:

<!DOCTYPE html>
<html lang="en">
<head>

    <meta charset="UTF-8">
    <title>计算器实例效果</title>
     <script type="text/javascript">

         var compute=function (val) {
             var num1=parseFloat(document.getElementById("num1").value);
             var num2=parseFloat(document.getElementById("num2").value);
             var num3=document.getElementById("num3");
             if(val==+) {
                 num3.value=num1+num2;
             }
             if(val==-) {
                 num3.value=num1-num2;
             }
             if(val==*) {
                 num3.value=num1*num2;
             }
             if(val==/) {
                 num3.value=num1/num2;
             }
         }
     </script>

</head>
<body>
<h2>计算器</h2>
数字1:<input type="text"  id="num1"><br/>
数字2:<input type="text"  id="num2"><br/>
<input type="button"  value="+" onclick="compute(this.value)"/>
<input type="button"  value="-" onclick="compute(this.value)"/>
<input type="button"  value="*" onclick="compute(this.value)"/>
<input type="button"  value="/" onclick="compute(this.value)"/><br>
结果:<input type="text"   id="num3"/><br>
</body>
</html>

效果:

技术分享

 

 

2017-09-05 00:00:33

 

JavaScript实例之计算器

原文:http://www.cnblogs.com/guangzhou11/p/7476561.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!