zoukankan      html  css  js  c++  java
  • 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>
  • 相关阅读:
    Java JVM启动参数
    使用Navicat连接MySQL8.0版本报1251错误
    安装MySQL和出现的问题解决
    跨域问题:解决跨域的三种方案
    Java8 新特性lambda表达式(一)初始
    搭建docker私有仓库
    crontab定时任务
    CentOS610 php环境安装
    Docker常用命令
    PHP调用python脚本执行时报错
  • 原文地址:https://www.cnblogs.com/chentanyueying/p/7463701.html
Copyright © 2011-2022 走看看