为了账号安全，请及时绑定邮箱和手机立即绑定

课程

/前端开发

/JavaScript

/JavaScript进阶篇

救救孩纸吧(2)

<!DOCTYPE html>

<html>

 <head> 

  <title> 事件</title>    

  <script type="text/javascript">  

   function count(){  

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

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

            twe=parseInt(twe);

     var a=doucument.getElementById("select").value; 

     var num;

     switch(a){        

     case "+":            

             num=one+two;    

             break;      

     case "-":

             num=one-two;     

             break;       

     case "*":         

             num=one*two; 

             break;       

     case "/" :       

             num=one/two;    

             break;   

            }  

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

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


摸一哈

2020-03-10

源自：JavaScript进阶篇  6-11

关注问题 我要回答
853
操作
收起

正在回答

3 回答

weixin_慕妹4115393
2020-03-14

<!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 sum;

    switch(select){

        case"+":

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

        break;

        case'-':

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

        break;

        case'*':

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

        break;

        case'/':

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

        break;

    }

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

   }

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


0 回复 有任何疑惑可以回复我~
收起回答
摸一哈 提问者
2020-03-11

<!DOCTYPE html>

改成这样：

<html>

 <head> 

  <title> 事件</title>    

  <script type="text/javascript">  

   function count(){  

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

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

            two=parseInt(twe);

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

     var num;

     switch(a){        

     case "+":            

             num=one+two;    

             break;      

     case "-":

             num=one-two;     

             break;       

     case "*":         

             num=one*two; 

             break;       

     case "/" :       

             num=one/two;    

             break;   

            }  

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

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


0 回复 有任何疑惑可以回复我~
收起回答
#1

浮木Elvis

two=parseInt(twe); 这一句还没有改哦 括号里的two 拼写错了
2020-03-11 回复 有任何疑惑可以回复我~
浮木Elvis
2020-03-11

<!DOCTYPE html>

<html>

<head>

    <title> 事件</title>

    <script type="text/javascript">

        function count() {

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

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

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

            var num;

            switch (a) {

                case "+":

                    num = one + two;

                    break;

                case "-":

                    num = one - two;

                    break;

                case "*":

                    num = one * two;

                    break;

                case "/":

                    num = one / two;

                    break;

            }

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

        }

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


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

            twe=parseInt(twe);

            上面一句的 twe = parseInt(twe)改成  var two = parseInt(two)

     var a=doucument.getElementById("select").value;    //这一句的document 拼写错了

0 回复 有任何疑惑可以回复我~
收起回答
#1

摸一哈 提问者

我改了还是不行
2020-03-11 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
JavaScript进阶篇
  • 参与学习       468191    人
  • 解答问题       21891    个

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

进入课程

本课相似问答

1 回答救救孩子吧 找不出问题 就是输不出结果

5 回答大佬救救我吧

4 回答有大佬吗，救救孩子，运行不了

2 回答大侠救救我

4 回答救救我,作业紧急
搜索更多本课相关问答

救救孩纸吧(2)

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信