运行不出来,求高手指点

来源:6-11 编程练习

qq_yEs先生_53591812

2016-07-28 10:55


<!DOCTYPE html>

<html>

 <head>

  <title> 事件</title>  

  <script type="text/javascript">

   function count(){

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

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

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

    switch(b)

    {

     case "+":

         d= parseInt(a)+parseInt(c);

     break;

     case "-":

         d= parseInt(a)-parseInt(c);

     break;

     case "*":

         d= parseInt(a)*parseInt(c);

     break;

     case "/":

         d= parseInt(a)/parseInt(c);

     break;

    }

    var d=document.getElementById("fruit").value

   }

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


写回答 关注

3回答

  • 水里有条鱼
    2016-07-28 11:15:03
    已采纳

    var d=document.getElementById("fruit").value 这句错了

    应该是 document.getElementById("fruit").value = d;

    把值赋给对象的value才能修改,而不是把对象的value赋给d

    qq_yEs...

    这个value是什么?我的理解它就是input里面的一个设定值没什么实际含义。所以能讲一下他们顺序不同有什么区别吗?谢谢!

    2016-07-28 11:25:30

    共 1 条回复 >

  • 水里有条鱼
    2016-07-28 12:02:53

    按照我的理解,value是指内容一样的东西,举例

       <input type='button' value=' = ' onclick="count()" /> 

    这里声明了一个按钮,那按钮里面的内容是什么呢,内容是等号,所以显示了一个等号的按钮

    document.getElementById("fruit").value

    <input type='text' id='fruit' />  

    现在fruit里面是没内容的,因为没有设置value,但是把值赋进去后,fruit就有内容了,所以文本框里就显示出结果了。----------------------以上个人见解,有误请见谅

    qq_yEs...

    十分感谢 ,明白了

    2016-07-28 12:08:06

    共 1 条回复 >

  • arieslx
    2016-07-28 11:57:47

    value是input元素的一个值,它的实际含义是你可以理解为input标签显示在浏览器界面的内容,这个值在最初是没有设定的。

    在这道题中,你需要把输出结果传递给input标签,也就是把值赋给value,才会输出

    qq_yEs...

    十分感谢

    2016-07-28 12:00:18

    共 1 条回复 >

JavaScript进阶篇

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

468061 学习 · 21891 问题

查看课程

相似问题