                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /JavaScript进阶篇

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

<!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>

琐琐的琐琐琐琐琐琐

2017-06-03

源自：JavaScript进阶篇 6-11

关注问题我要回答

1065

操作

收起

5 回答

小北10710
2017-06-03

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

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

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

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

0 回复有任何疑惑可以回复我~

收起回答

LeonAladdin
2017-06-03

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

0 回复有任何疑惑可以回复我~

收起回答

LeonAladdin
2017-06-03

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

0 回复有任何疑惑可以回复我~

收起回答

LeonAladdin
2017-06-03

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;


   }