猿问

问题在哪里呢 怎么没有反应啊 计算不出结果

<!DOCTYPE html>

<html>

 <head>

  <title> 事件</title>  

  <script type="text/javascript">

   function count(){

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

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

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

       var result=" ";

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

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

//获取选择框的值

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

    switch(select){

        case"+":

            result=parseInt(txt1)+parseInt(txt2);

            break;

        case"-":

            result=parseInt(txt1)-parseInt(txt2);

            break;

        case"*":

            result=parseInt(txt1)*parseInt(txt2);

            break;

        case"/":

            result=parseInt(txt1)/parseInt(txt2);

            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>


SophieRabbit
浏览 1374回答 2
2回答

丶包菜

1，建议把JavaScript  写后面，避免以后获取不到值得问题。2，那些id=""    type=""   建议是要用双引号。3，  document.getElementById("fruit").value=result;    写在了 switch 语句里面，注意<!DOCTYPE html><html> <head>  <title> 事件</title>    <meta charset="utf-8">   </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"/>            <script type="text/javascript">       function count(){       var txt1=document.getElementById("txt1").value;       var txt2=document.getElementById("txt2").value;       var select=document.getElementById("select").value;       var result=" ";     switch(select){        case"+":            result=parseInt(txt1)+parseInt(txt2);            break;        case"-":            result=parseInt(txt1)-parseInt(txt2);            break;        case"*":            result=parseInt(txt1)*parseInt(txt2);            break;        case"/":            result=parseInt(txt1)/parseInt(txt2);            break;       }    document.getElementById("fruit").value=result;   }    </script>  </body> </html>望采纳。
0

Caballarii

document.getElementById("fruit").value=result;要写在switch语句块之外才能显示结果啊
0
随时随地看视频慕课网APP

相关分类

JavaScript
我要回答