有什么地方错了呢？奇怪。看了半天。-慕课网

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

来源：6-11 编程练习

世界和平ad

2015-04-04 16:17

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

写回答关注

2回答

_潇潇暮雨: 2015-04-04 18:32:17

已采纳

代码有以下问题：

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>

2 0

iTurin...

感谢你

2015-04-08 21:03:18

共 2 条回复 >

世界和平ad: 2015-04-04 20:11:36

终于是对了。

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

JavaScript进阶篇

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

468060 学习 · 21891 问题

查看课程

相似问题

奇了怪了，为啥我写就错呢

回答 4

请问有什么地方错了？

回答 1

能帮我看看吗，我找了半天没找到哪里错了

回答 2

逻辑没有错,为什么结果奇怪.

回答 2

哪里错了呢，我想了半天也没有想到？求大佬解答

回答 1

打开慕课网App查看更多内容