码迷,mamicode.com
首页 > Web开发 > 详细

JS制作一个简易计算器

时间:2015-09-02 19:28:11      阅读:223      评论:0      收藏:0      [点我收藏+]

标签:

//javascript简易计算器

<!DOCTYPE html>
<html>
 <head>
  <title> 事件</title>  
  <script type="text/javascript">
   function count(){
       
    //获取第一个输入框的值
    var node1=document.getElementById(‘txt1‘).value;
     //alert(node1);
//获取第二个输入框的值
    var node2=document.getElementById(‘txt2‘).value;
    //alert(node2);
//获取选择框的值
    var node3=document.getElementById(‘select‘).value;
  
//获取通过下拉框来选择的值来改变加减乘除的运算法则
    switch(node3){
       case "+":
          var rest=parseInt(node1)+parseInt(node2);
          break;
       case "-":
          var rest=parseInt(node1)-parseInt(node2);
          break;
       case "*":
          var rest=parseInt(node1)*parseInt(node2);
          break;
       case "/":
          var rest=parseInt(node1)/parseInt(node2);
          break;
       }
    //设置结果输入框的值 
    var node5=document.getElementById(‘fruit‘).value=rest;
    
}
  </script> 
 </head> 
 <body>
   <input type=‘text‘ id=‘txt1‘ /> 
   <select id=‘select‘>
<option value=‘+‘>+</option>
<option value="-">-</option>
<option value="*">*</option>
<option value="/">/</option>
   </select>
   <input type=‘text‘ id=‘txt2‘ /> 
   <input type=‘button‘ value=‘ 计算 ‘onclick="count()" /> <!--通过 = 按钮来调用创建的函数,得到结果--> 
   <input type=‘text‘ id=‘fruit‘ />   
 </body>
</html>


JS制作一个简易计算器

标签:

原文地址:http://my.oschina.net/dongdong11019/blog/500775

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!