JS 简易的计算器

时间:2023-01-09 22:01:05

一个

输出为:

JS 简易的计算器

代码:

 1 <!DOCTYPE html>
 2 <html>
 3 <script type="text/javascript" src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script>
 4 <meta charset="UTF-8">
 5 <title></title>
 6 <style type="text/css">
 7 ul li{
 8 list-style:none;
 9 padding:7px;
10 }  
11 </style>
12 <body>
13 <scripe type="text/javascript">
14 function anniu(){
15 var a=document.getElementById("k2").value;
16 var b=document.getElementById("k3").value;
17 var radio=document.getElementByName("ra");
18 
19 for(i=0;i<radio.length;i++){
20 if(radio[i].checked){    //checked选中事件
21 var fh=radio[i].value;
22 }
23 }
24 var result=0;
25 switch(fh){
26 case '+':
27 result=parseFloat(a)+parseFloat(b);
28 break;
29 case '-':
30 result=parseFloat(a)-parseFloat(b);
31 break;
32 switch(fh){
33 case '*':
34 result=parseFloat(a)*parseFloat(b);
35 break;
36 case '/':
37 result=parseFloat(a)/parseFloat(b);
38 break;
39 default:
40 alert('符号有误');
41 break;
42 }
43 document.getElementById("k1").value=result;
44 }
45 
46 </script>
47 <ul>
48 <li>结果:<input id="k1" disabled="disabled"/></li>
49 <li>第一个数:<input id="k2" type="text"/></li>
50 <li>第二个数:<input id="k3" type="text"></input></li>
51 <li id="fuhao">
52 <input value='+' type="radio" name="ra">+</input>
53 <input value='-' type="radio" name="ra">-</input>
54 <input value='*' type="radio" name="ra">*</input>
55 <input value='/' type="radio" name="ra">/</input>
56 </li>
57 <li><button type='button' onclick="anniu()">提交</button></li>
58 </ul>
70 </body>
71 </html>