zoukankan      html  css  js  c++  java
  • js实现加减乘除的小程序

    <!DOCTYPE html>
    <html>
     <head>
      <title> 事件</title>  
      <script type="text/javascript">
       function count(){
           
        //获取第一个输入框的值
        var x=parseInt(document.getElementById("txt1").value);
        //获取第二个输入框的值
        var y=parseInt(document.getElementById("txt2").value);
        //获取选择框的值
        var myselect=document.getElementById("select");
        var index=myselect.selectedIndex;
        var selectedvalue=myselect.options[index].value;
       
        var result=0;
        //获取通过下拉框来选择的值来改变加减乘除的运算法则
    
        switch(selectedvalue){
            case "+":
                result=x+y;
                break;
            case "-":
                result= x-y;
                break;
            case "*":
                result= x*y;
                break;
            case "/":
                result= x/y;
        }
        //设置结果输入框的值 
        document.getElementById("fruit").value = result ;
       }
      </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>
  • 相关阅读:
    复习HTML/CSS 3
    复习HTML/CSS2
    复习HTML/CSS1
    HTML/CSS8
    HTML/CSS7
    HTML/CSS6
    9.5Html
    9.4Html
    面向对象
    作用域以及类、实例
  • 原文地址:https://www.cnblogs.com/summer323/p/4721109.html
Copyright © 2011-2022 走看看