神啊!!!为什么没有效果呢????计算器

来源:6-11 编程练习

慕斯3035540

2016-07-24 14:47

<!DOCTYPE html>

<html>

 <head>

  <title> 事件</title>  

  <script type="text/javascript">

   function count(){   

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

    var box1=document.getElementById('txt1').value;

    var box2=document.getElementById('txt2').value;

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

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

//获取选择框的值

    switch(box3){

        case+:

            degree="box1"+"box2";

            break;

        case-:

            degree="box1"-"box2";

            break;

        case*:

            degree="box1"*"box2";

            break;

        case/:

            degree="box1"/"box2";

            break;

    }

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

    //设置结果输入框的值 

    document.getElementById("fruit").value =degree;

    

   }

  </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回答

  • weibo_考早营_03695159
    2016-07-24 15:40:54
    已采纳
    1. + - * /要加引号 ;

    2. 要改成degree=parseInt(box1)+parseInt(box2),否则会出现结果为1+2=12

    慕斯3035...

    非常感谢!

    2016-07-24 16:03:31

    共 1 条回复 >

  • weibo_考早营_03695159
    2016-07-24 15:07:14

    degree变量未声明

    weibo_...

    这个可以不用写!

    2016-07-24 15:41:35

    共 1 条回复 >

JavaScript进阶篇

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

468061 学习 · 21891 问题

查看课程

相似问题