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

有什么地方错了呢？奇怪。看了半天。

<!DOCTYPE html>
<html>
 <head>
  <title> 事件</title>  
  <script type="text/javascript">
   function count(){
       var text1 = document.getElementById("text1").value;
       var text2 = document.getElementById("text2").value;
       var select = document.getElementById("select").value;
       var fruit='';
       switch (select){
           case "+":
            fruit = text1 + text2;
            break;
           case "-":
            fruit = text1 - text2;
            break;
            case "*":
            fruit = text1 * text2;
            break;
            case "/":
            fruit = text1 / text2;
            break;
            default;
       }
        document.getElementById("fruit").value = fruit;
   }
  </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>

世界和平ad

2015-04-04

源自：JavaScript进阶篇 6-11

关注问题我要回答

928

操作

收起

2 回答

_潇潇暮雨
2015-04-04

代码有以下问题：

7、8的getElementById传入的id错了
default后面是冒号；
通过id获得的值需要转化成整型。

完整的代码：

<!DOCTYPE html>
<html>
 <head>
  <title> 事件</title>  
  <script type="text/javascript">
   function count(){
       var text1 = parseInt(document.getElementById("text1").value);//id错了，需要转化成数值类型
       var text2 = parseInt(document.getElementById("text2").value);
       var select = document.getElementById("select").value;
       var fruit='';
       switch (select){
           case "+":
            fruit = text1 + text2;
            break;
           case "-":
            fruit = text1 - text2;
            break;
            case "*":
            fruit = text1 * text2;
            break;
            case "/":
            fruit = text1 / text2;
            break;
            default: //default后面是冒号
            break;

       }
        document.getElementById("fruit").value = fruit;
   }
  </script> 
 </head> 
 <body>
   <input type='text' id='text1' /> 
   <select id='select'>
        <option value='+'>+</option>
        <option value="-">-</option>
        <option value="*">*</option>
        <option value="/">/</option>
   </select>
   <input type='text' id='text2' /> 
   <input type='button' value=' = ' onclick="count();"/> <!--通过 = 按钮来调用创建的函数，得到结果--> 
   <input type='text' id='fruit' />   
 </body>
</html>

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

收起回答

世界和平ad 提问者

十分感谢，写js有个破习惯，总认为自己大小写错，只注意看语句去了。

2015-04-04 回复有任何疑惑可以回复我~

iTuring

感谢你

2015-04-08 回复有任何疑惑可以回复我~

世界和平ad 提问者
2015-04-04

终于是对了。

<!DOCTYPE html>
<html>
 <head>
  <title> 事件</title>  
  <script type="text/javascript">
   function count(){
  var txt1 = parseInt(document.getElementById("txt1").value);
  var txt2 = parseInt(document.getElementById("txt2").value);
  var select = document.getElementById("select").value;
  var fruit;
  switch (select){
      case "+":
        fruit = txt1 + txt2;
        break;
        case "-":
        fruit = txt1 - txt2;
        break;
        case "*":
        fruit = txt1 * txt2;
        break;
        case "/":
        fruit = txt1 / txt2;
        break;
        default:
  }
  document.getElementById("fruit").value = fruit;
   }
  </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=' = ' onmouseover="count()"/> <!--通过 = 按钮来调用创建的函数，得到结果--> 
   <input type='text' id='fruit' />   
 </body>
</html>

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

收起回答