为什么这样返回不了值啊

来源:6-11 编程练习

慕雪9186590

2019-04-21 19:49

<!DOCTYPE html>

<html>

 <head>

  <title> 事件</title>  

  <script type="text/javascript">

   function count(){

       

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

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

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

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

//获取选择框的值

var sel=document.getElementById('select').value;

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

switch(sel)

{

    case'+':return parseInt(in1)+parseInt(in2);

    case'*':return parseInt(in1)*parseInt(in2);

    case'-':return parseInt(in1)-parseInt(in2);

    case'/':return parseInt(in1)/parseInt(in2);

    

}

   }

   document.getElementById('fruit').value=count();

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


写回答 关注

1回答

  • 慕雪9186590
    2019-04-21 19:55:12

    哦哦,明白了,因为最后的document.getElementById('fruit').value=count();不在事件调用的函数里,没法执行,所以把这句放到一个新函数,然后click()事件调用这个新函数就可以~

JavaScript进阶篇

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

468194 学习 · 21891 问题

查看课程

相似问题