用javascript写的加法运算的两种方法

用javascript写的加法运算的两种方法

Code:
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">   
  2. <html>   
  3.   <head>   
  4.     <title>Demo01.html</title>   
  5.        
  6.     <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">   
  7.     <meta http-equiv="description" content="this is my page">   
  8.     <meta http-equiv="content-type" content="text/html; charset=UTF-8">   
  9.        
  10.     <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->   
  11.     <script type="text/javascript" src="./js/Demo01.js">   
  12.     </script>   
  13.     <script type="text/javascript">   
  14.     //第一种方法   
  15.     function sum(oper){   
  16.         var num1=document.getElementById("num1").value;   
  17.         var num2=document.getElementById("num2").value;   
  18.         var num3=eval(num1+oper+num2);   
  19.         document.getElementById("num3").value=num3;   
  20.            
  21.            
  22.     }   
  23.     //第二种方法   
  24.     function sum1(){   
  25.         var num1=document.getElementById("num1").value;   
  26.         var num2=document.getElementById("num2").value;   
  27.         if(isNaN(num1)){   
  28.             alert("第一个输入框的格式不对,应该输入非字符类型的数");   
  29.         }else{   
  30.             if(isNaN(num2)){   
  31.                 alert("第二个输入框的格式不对,应该输入非字符类型的数");   
  32.             }else{   
  33.                 var num11=parseInt(num1);   
  34.                 var num22=parseInt(num2);   
  35.                 var num3=num11+num22;   
  36.                 document.getElementById("num3").value=num3;   
  37.             }   
  38.         }   
  39.            
  40.     }   
  41.     </script>   
  42.   </head>   
  43.      
  44.   <body>   
  45.   <input type="text" name="num1" id="num1">-<input type="text" name="num2" id="num2">   
  46. <input type="button" value="=" onclick="sum('-')"> <!-- 第一种方法 -->   
  47.    <!--  <input type="button" value="=" onclick="sum1()">--><!-- 第二种方法 -->   
  48.   <input type="text" name="num3" id="num3">   
  49.      
  50.   </body>   
  51. </html>   

 

你可能感兴趣的:(JavaScript,html)