我的为什么没反应

来源:6-11 编程练习

田马达加斯加

2018-10-11 15:45

<!DOCTYPE html>

<html>

 <head>

  <title> 事件</title>  

  <script type="text/javascript">

   function count(){

     var result;

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

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

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

     switch(calcul){

         case "+":

         result=parseInt(num1)+parseInt(num2);

         break;

         case "-":

         result=parseInt(num1)-parseInt(num2);

         break;

         case "*":

         result=parseInt(num1)*parseInt(num2);

         break;

         case "/":

         result=parseInt(num1)/parseInt(num2);

         break;

     }

     return result;

     console.log(result);

     typeof(result);

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

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

//获取选择框的值

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

    //设置结果输入框的值 

    var num3=document.getElementById("fruit").value;

    var num3=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>


写回答 关注

4回答

  • weibo_我在四年后等你_03978156
    2018-10-12 12:21:00
    已采纳

     var num3=document.getElementById("fruit").value;

        var num3=result;

    换成:document.getElementById("fruit").value=result;试一下

  • 幕布斯3810550
    2018-10-14 20:25:58

    注释这几行

     //return result;

    //var num3=document.getElementById("fruit").value;

    //var num3=result;

    改为

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

    就可以了

    田马达加斯加

    谢谢你了!

    2018-10-15 09:50:09

    共 1 条回复 >

  • 慕斯卡1634668
    2018-10-13 15:32:18

    不用返回result,去掉return result就行了。

  • coder_monkey
    2018-10-11 15:50:26
    <!doctype html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport"
     content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
        <title> 事件</title>
        <script type="text/javascript">
     function count(){
    
                //获取第一个输入框的值
     var a = parseInt(document.getElementById('txt1').value);
     console.log(typeof (a));
     //获取第二个输入框的值
     var b = parseInt(document.getElementById('txt2').value);
     console.log(b);
     console.log(typeof (b));
     //获取选择框的值
     var c = document.getElementById('select').value;
     console.log(c);
     //获取通过下拉框来选择的值来改变加减乘除的运算法则
                //设置结果输入框的值
     var d = document.getElementById('fruit');
     console.log(d)
                if(c == '+'){
                    d.value = a + b;
     }else if(c == '-'){
                    d.value = a - b;
     }else if(c == '*'){
                    d.value = a * b;
     }else{
                    d.value = a / b;
     }
            }
        </script>
        <script>
     var aa = 1;
     var bb = 2;
     var cc = aa + bb;
     console.log(cc)
        </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=' = ' /> <!--通过 = 按钮来调用创建的函数,得到结果-->
    <input type='text' id='fruit' />
    <input type="button" onclick="count()" value="click">
    </body>
    </html>


    田马达加斯加

    还是没明白我的代码哪里出错了

    2018-10-11 16:27:52

    共 1 条回复 >

JavaScript进阶篇

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

468194 学习 · 21891 问题

查看课程

相似问题