Chinaunix首页 | 论坛 | 博客
  • 博客访问: 2140621
  • 博文数量: 556
  • 博客积分: 11457
  • 博客等级: 上将
  • 技术积分: 5973
  • 用 户 组: 普通用户
  • 注册时间: 2011-02-24 22:33
文章分类

全部博文(556)

文章存档

2013年(22)

2012年(74)

2011年(460)

分类: 系统运维

2011-11-06 15:28:25

  1. <html>
  2.   <head>
  3.     <title>简易计算器__方案1</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.           // alert(value1+","+flag+","+value2);
  10.          switch(flag){
  11.          case "+":
  12.              s=value1+value2;
  13.                  break;
  14.              case "-":
  15.                   s=value1-value2;
  16.                  break;
  17.              case "*":    
  18.          s=value1*value2;
  19.                  break;
  20.              case "/":
  21.              if(value2==0){
  22.                  alert("除数不能为0,请重新输入!")
  23.                  }else{
  24.              s=value1/value2;
  25.                  }
  26.                  break;
  27.          }
  28.           // document.getElementById("result").value=s;
  29.          document.getElementById("span_result").innerHTML=""+s+"";

  30.         }
  31.     </script>
  32.   </head>
  33.   
  34.   <body>
  35.      <center>
  36.       <h1>简易计算器</h1>
  37.        <hr>
  38.         <input type="text" name="value1">
  39.         <select name="flag">
  40.           <option value="+">+</option>
  41.           <option value="-">-</option>
  42.           <option value="*">*</option>
  43.           <option value="/">/</option>
  44.         </select>
  45.         <input type="text" name="value2">
  46.         <input type="button" value="=" onclick="doCal()">
  47.         
  48.         <span id="span_result"></span>
  49.     </center>
  50.   </body>
  51. </html>
阅读(1052) | 评论(0) | 转发(1) |
给主人留下些什么吧!~~