为什么运行不来?哪出问题了???(计算器)

来源:6-11 编程练习

秋雨梧桐叶落时0

2016-03-03 15:00

<!DOCTYPE html>

<html>

 <head>

  <title> 事件</title>  

  <script type="text/javascript">

   function count(){

    var ys3='';

    //获取第一个输入框的值

   var ys1=document.getElementById("txt1").value;

//获取第二个输入框的值

   var ys2=document.getElementById("txt2").value;

//获取选择框的值

   var ys =document.getElementById("select").value;

//获取通过下拉框来选择的值来改变加减乘除的运算法则

    

    switch(ys){

    //设置结果输入框的值

    case"+":

         ys3=parseInt(ys1)+parseInt(ys2);

            break;  

    case"-":

         ys3=parseInt(ys1)-parseInt(ys2);

            break;

    case"*":

         ys3=parseInt(ys1)*parseInt(ys2);

            break;

    default:

         ys3=parseInt(ys1)/parseInt(ys2);

    

   }

     document.getElementById('ye4').value=ys3;

   }

  </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='ye4' />   

 </body>

</html>


写回答 关注

4回答

  • MJY
    2016-03-03 15:41:34
    已采纳

    第七行的 var ys3='';没有问题;

    主要的错误就是line 24: 

    case"*":

    line27:

     default:

    语句后面的冒号是在中文状态下的冒号,你把它改成英文状态下的冒号就能正常运行


    http://img.mukewang.com/56d7eaa80001aa3e12760338.jpg

    MJY 回复秋雨梧桐叶落...

    用的谷歌浏览器,这是在开发者模式(按F12或者ctrl+shift+i就能出现)下显示的界面,可以直观地看到出错的代码。

    2016-03-04 14:27:11

    共 2 条回复 >

  • 城mitch
    2016-03-03 15:28:23

    case"*":和default:后面的冒号你用了中文冒号。。。

    秋雨梧桐叶落...

    多谢!

    2016-03-03 20:24:48

    共 1 条回复 >

  • 慕少0401771
    2016-03-03 15:26:34
    <!DOCTYPE html>
    <html>
     <head>
      <title> 事件</title>  
      <script type="text/javascript">
       function count(){
           var x = document.getElementById("txt1").value;
           x = parseInt(x);
           var y = document.getElementById("txt2").value;
           y = parseInt(y);
           var operator = document.getElementById("select").value;
           var result;
           switch(operator){
               case "+":
                   result = x + y;
                   break;
               case "-":
                   result = x - y;
                   break;
               case "*":
                   result = x * y;
                   break;
               case "/":
                   result = x / y;
                   break;
                default:
                    break;
           }
           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>


  • 慕少0401771
    2016-03-03 15:25:16

    语法错误。var ys3;

JavaScript进阶篇

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

468061 学习 · 21891 问题

查看课程

相似问题