標籤：
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title>計算機</title> 6 </head> 7 <body> 8 <input type="text" name="" id="a" placeholder="請輸入一個數" /> 9 <select name=""id="b">10 <option value="1">+</option>11 <option value="2">-</option>12 <option value="3">*</option>13 <option value="4">/</option>14 <option value="5">%</option>15 </select>16 <input type="text" id="c" placeholder="請輸入一個數" //>17 =<input type="text" id="p"/>18 <input type="button" id="d" value="計算" />19 <script type="text/javascript">20 var e=document.getElementById(‘d‘);21 e.onclick = function(aaa){22 var m = document.getElementById(‘a‘).value;23 var x = document.getElementById(‘b‘).value;24 var n = document.getElementById(‘c‘).value;25 var y = document.getElementById(‘p‘);26 // alert(m);27 // alert(x);28 // alert(n);29 if(Number(x)==1){30 y.value=Number(m)+Number(n);31 }32 else if(Number(x)==2){33 y.value=Number(m)-Number(n);34 }35 else if(Number(x)==3){36 y.value=Number(m)*Number(n);37 }38 else if(Number(x)==4){39 y.value=Number(m)/Number(n);40 }41 else if(Number(x)==5){42 y.value=Number(m)%Number(n);43 }44 } 45 </script>46 </body>47 </html>
JS實現的簡單計算機
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
