Chinaunix首页 | 论坛 | 博客

一只有理想的蜗牛youxia.blog.chinaunix.net

首页　| 　博文目录　| 　关于我

高傲的活着

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

全部博文（556）

文章存档

2013年（22）

2012年（74）

2011年（460）

我的朋友
最近访客
推荐博文
相关博文
HTML_JavaScript完成简易计算器之方案一

分类： 系统运维

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+"";

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

上一篇：社交网络预测流行病传播

下一篇：HTML_JavaScript实现简易计算器之方案二

给主人留下些什么吧！~~
关于我们 | 关于IT168 | 联系方式 | 广告合作 | 法律声明 | 免费注册

Copyright 2001-2010 ChinaUnix.net All Rights Reserved 北京皓辰网域网络信息技术有限公司. 版权所有

感谢所有关心和支持过ChinaUnix的朋友们

16024965号-6