HTML_JavaScript实现简易计算器之方案二

2714阅读　0评论2011-11-06　高傲的活着
分类：系统运维

  1. <html>
  2.   <head>
  3.     <title>简易计算器__方案2</title>
  4.     <script language="javascript">
  5.         function doCal(){
  6.            var value1=parseInt(document.getElementById("value1").value);
  7.            var flag=document.getElementById("flag").value;
  8.            var value2=parseInt(document.getElementById("value2").value);
  9.             eval("var s="+value1+flag+value2);
  10.     document.getElementById("span_result").innerHTML=""+s+"";

  12.         }
  13.     </script>
  14.   </head>
  15.   
  16.   <body>
  17.      <center>
  18.       <h1>简易计算器</h1>
  19.        <hr>
  20.         <input type="text" name="value1">
  21.         <select name="flag">
  22.           <option value="+">+</option>
  23.           <option value="-">-</option>
  24.           <option value="*">*</option>
  25.           <option value="/">/</option>
  26.         </select>
  27.         <input type="text" name="value2">
  28.         <input type="button" value="=" onclick="doCal()">
  29.         
  30.         <span id="span_result"></span>
  31.     </center>
  32.   </body>
  33. </html>
上一篇：HTML_JavaScript完成简易计算器之方案一
下一篇：SQL Server2005触发器模拟ATM机存取钱的功能