这样写为什么不显示结果?

来源:6-11 编程练习

琐琐的琐琐琐琐琐琐

2017-06-03 17:08

<!DOCTYPE html>
<html>
 <head>
  <title> 事件</title> 
  <script type="text/javascript">
   function count(){
       var t1=document.getElementById("txt1").value
    //获取第一个输入框的值
        var t1=document.getElementById("txt1").value
 //获取第二个输入框的值
     var t3=document.getElementById("select").value
 //获取选择框的值
 var t
     switch(t3)
     {
         case "+":
              t=parseInt(t1)+parseInt(t2);
              break;
         case "-":
             t=parseInt(t1)-parseInt(t2);
             break;
         case "*":
              t=parseInt(t1)*parseInt(t2);
              break;
          case "/":
               t=parseInt(t1)/parseInt(t2);
               break;
     }
    
 //获取通过下拉框来选择的值来改变加减乘除的运算法则
 document.getElementById("fruit").value=t;
    //设置结果输入框的值
       
   }
  </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>

写回答 关注

5回答

  • 小北10710
    2017-06-03 18:17:55

     var t1=document.getElementById("txt1").value
        //获取第一个输入框的值
            var t1=document.getElementById("txt1").value
     //获取第二个输入框的值

    -------------------------------------------------------

    首先,你这里写错,应该是获取第二个输入框,var t2=......"txt2"

    --------------------------------------------------------------------


  • LeonAladdin
    2017-06-03 18:17:11

    不用每次都声明一个变量 加一个var,   同事 每个代码结束段, 一定要有;

  • LeonAladdin
    2017-06-03 18:16:15

    我这样写,比你那样写节省 资源, 直接在顶部 定义 全局变量了。

  • LeonAladdin
    2017-06-03 18:15:28

    function count(){
        var txt1,txt2,fruit;  
        //获取第一个输入框的值
         txt1 = document.getElementById('txt1').value;
        //获取第二个输入框的值
         txt2 = document.getElementById('txt2').value;
        //获取选择框的值
         select = document.getElementById('select').value;
        
        
        //获取通过下拉框来选择的值来改变加减乘除的运算法则
        switch(select){
            case '+':
                fruit = parseInt(txt1)+parseInt(txt2);
                break;
            case '-':
                fruit = parseInt(txt1)-parseInt(txt2);
                break;
            case '*':
                fruit = parseInt(txt1)*parseInt(txt2);
                break;
            case '/':
                fruit = parseInt(txt1)/parseInt(txt2);
                break;
            default:
                document.write('对不起,您的输入有误!');   
        }
        
        //设置结果输入框的值
         document.getElementById('fruit').value=fruit;
        
         
       }

  • LeonAladdin
    2017-06-03 18:12:37

    var t 这个变量后面加上分号 ,包括每个document.getElementById("txt1").value 类似的取值代码后面,加上分号!

JavaScript进阶篇

本课程从如何插入JS代码开始,带您进入网页动态交互世界

468061 学习 · 21891 问题

查看课程

相似问题