计算器

来源:互联网 发布:手游源码交易平台 编辑:程序博客网 时间:2024/04/29 01:16
Code:
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
  2. <html xmlns="http://www.w3.org/1999/xhtml">  
  3. <head>  
  4. <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />  
  5. <title>无标题文档</title>  
  6. </head>  
  7.   
  8. <body>  
  9.     <table border="1">  
  10.         <tr>  
  11.             <td>请输入数字一</td>  
  12.             <td><input type="text" id="txtFirst" name="txtnum" /></td>  
  13.         </tr>  
  14.         <tr>  
  15.             <td>请输入数字二</td>  
  16.             <td><input type="text" id="txtSecond"  /></td>  
  17.         </tr>  
  18.         <tr>  
  19.             <td>请选择运算符号</td>  
  20.             <td>  
  21.                 加<input type="button" name="ck1"  onclick="sum()" value="+"/>  
  22.                 减<input type="button" name="ck1"  onclick="jian()" value="-"/>  
  23.                 乘<input type="button" name="ck1"  onclick="cheng()" value="*"/>  
  24.                 除<input type="button" name="ck1"  onclick="chu()" value="/"/>  
  25.                 余<input type="button" name="ck1"  onclick="yu()" value="%"/>  
  26.             </td>  
  27.         </tr>  
  28.     </table>  
  29. </body>  
  30. <script>  
  31.       
  32.     function sum()   
  33.         {  
  34.             var i=parseFloat(document.getElementById('txtFirst').value);  
  35.             var j=parseFloat(document.getElementById('txtSecond').value);  
  36.             alert( i + j );  
  37.         }  
  38.     function jian()   
  39.         {  
  40.             var i=parseFloat(document.getElementById('txtFirst').value);  
  41.             var j=parseFloat(document.getElementById('txtSecond').value);  
  42.             alert( i - j );  
  43.         }  
  44.     function cheng()   
  45.         {  
  46.             var i=parseFloat(document.getElementById('txtFirst').value);  
  47.             var j=parseFloat(document.getElementById('txtSecond').value);  
  48.             alert( i * j );  
  49.         }  
  50.     function chu()  
  51.         {  
  52.             var i=parseFloat(document.getElementById('txtFirst').value);  
  53.             var j=parseFloat(document.getElementById('txtSecond').value);  
  54.             alert(i/j);  
  55.         }  
  56.     function yu()   
  57.         {  
  58.             var i=parseFloat(document.getElementById('txtFirst').value);  
  59.             var j=parseFloat(document.getElementById('txtSecond').value);  
  60.             alert( i %j );  
  61.         }  
  62. </script>  
  63. </html>