js引出函数概念的案例

简易计算器JS实现

 1 <!DOCTYPE html>
 2 <html>
 3     <head>
 4         <meta charset="utf-8">
 5         <title></title>
 6         <script>
 7             /*输入两个数,再输入一个运算符,得到结果*/
 8             var num1 = window.prompt("请输入第一个数"); 
 9              num1=parseFloat(num1); 
10             var num2 = window.prompt("请输入第二个数"); 
11              num2=parseFloat(num2); 
12             var oper = window.prompt("请输入运算符"); 13             var res = 0; 
14             switch(oper) 
15              { 
16                 case "+": 
17                  res = num1 + num2; 
18                  document.write(num1+oper+num2+"="+res); 
19                 break; 
20                 case "-": 
21                  res = num1 - num2; 
22                  document.write(num1+oper+num2+"="+res); 
23                 break; 
24                 case "*": 
25                  res = num1 * num2; 
26                  document.write(num1+oper+num2+"="+res); 27                 break; 28                 case "/": 
29                  res = num1 / num2; 
30                  document.write(num1+oper+num2+"="+res); 
31                 break; 
32                  defult:document.write("输入错误"); 
33              } 
34         </script>
35     </head>
36     <body>
37     </body>
38 </html>

 1 //jisuan.js  2 function p(){  3  /*输入两个数,再输入一个运算符,得到结果*/  4  var num1 = window.prompt("请输入第一个数");  5  num1=parseFloat(num1);  6  var num2 = window.prompt("请输入第二个数");  7  num2=parseFloat(num2);  8  var oper = window.prompt("请输入运算符");  9  var res = 0; 
10  switch(oper) 11  { 
12  case "+": 
13  res = num1 + num2; 
14  document.write(num1+oper+num2+"="+res); 
15  break; 
16  case "-": 
17  res = num1 - num2; 
18  document.write(num1+oper+num2+"="+res); 
19  break; 
20  case "*": 
21  res = num1 * num2; 
22  document.write(num1+oper+num2+"="+res); 
23  break; 24  case "/": 
25  res = num1 / num2; 
26  document.write(num1+oper+num2+"="+res); 
27  break; 
28  defult:document.write("输入错误"); 29  } 
30     
31 
32 }
 1 <!--putong.html-->
 2 
 3 <!DOCTYPE html>
 4 <html>
 5     <head>
 6         <meta charset="utf-8">
 7         <title>调用函数实现计算功能</title>
 8         <script src="jisuan.js" type="text/javascript"></script>
 9     </head>
10     <body>
11         <input type="button" value="点我开始计算" onclick="p()">
12     </body>
13 </html>

运行效果如下图所示:

 

转载于:https://my.oschina.net/kaiyuanlong/blog/867056

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值