码迷,mamicode.com
首页 > 编程语言 > 详细

JavaScript实例之计算器

时间:2017-09-05 01:32:27      阅读:136      评论:0      收藏:0      [点我收藏+]

标签:计算   script   ext   htm   title   parse   font   计算器   his   

代码实例:

<!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实例之计算器

标签:计算   script   ext   htm   title   parse   font   计算器   his   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!