JS基础之switch、parseInt

使用JS完成一个简单的计算器功能。实现2个输入框中输入整数后，点击第三个输入框能给出2个整数的加减乘除。

 

红字为需要注意的地方，这里主要以下三者的用法考察 

document.getElementById().value;

 switch(x)
 parseInt（）


 


<!DOCTYPE html>
<html>
 <head>
  <title> 事件</title>  
  <script type="text/javascript">

  
function count(){
       
    var number1=document.getElementById("txt1").value;
    var number2=document.getElementById("txt2").value;
    var x=document.getElementById("select").value;
    var y = "";
    switch(x){
      case "+":
        y = parseInt(number1) + parseInt(number2)
        break;
            
      case "-":
        y =  parseInt(number1) - parseInt(number2)
        break;
            
       case "*":
        y =   parseInt(number1) * parseInt(number2)
        break;
            
       case "/": 
           if(number2!=0 ){
        y =  parseInt(number1) / parseInt(number2)
        }else{
           y= "输入有误，0不能作为被除数" ;
        }
    };
   
    
   document.getElementById("fruit").value = y;
   
    
   }
 
 
   
  </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>

 

posted @ 2017-09-01 16:07  Moonshadows  阅读(175)  评论(0)  编辑  收藏  举报