就点了等号后没反应。

来源:6-11 编程练习

褪忆林辰月

2019-04-18 17:36

就感觉点了等号后没反应,是没获取到吗?

<!DOCTYPE html>

<html>

 <head>

  <title> 事件</title>  

  <script type="text/javascript">

   function count(){

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

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

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

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

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

//获取选择框的值

var yy=document.getElementById("option").value;

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

var result="";

    //设置结果输入框的值 

    switch(z){

     case "+";

     dalt=parseInt(x)+parseInt(y);

     break;

     case "-";

     dalt=paraeInt(x)-parseInt(y);

     break;

     case "*";

     dalt=paraeInt(x)*parseInt(y);

     break;

     default

     dalt=paraeInt(x)/parseInt(y);

     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>

</html>


写回答 关注

2回答

  • 慕斯6265260
    2019-04-19 15:36:12
    已采纳
    <!DOCTYPE html>
    <html>
    <head>
        <title> 事件</title>
        <script type="text/javascript">
            function count() {
                var x = document.getElementById("txt1").value;
                //获取第一个输入框的值
                var y = document.getElementById("txt2").value;
                //获取第二个输入框的值
                var z = document.getElementById("select").value;
                //获取选择框的值
                // var yy=document.getElementById("option").value;
                //获取通过下拉框来选择的值来改变加减乘除的运算法则
                var dalt = "";
                //设置结果输入框的值
                switch (z) {
                    case "+":
                        dalt = parseInt(x) + parseInt(y);
                        break;
                    case "-":
                        dalt = paraeInt(x) - parseInt(y);
                        break;
                    case "*":
                        dalt = paraeInt(x) * parseInt(y);
                        break;
                    default:
                        dalt = paraeInt(x) / parseInt(y);
                        break;
                }
                document.getElementById("fruit").value = dalt;
            }
        </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>


    qq_一个人...

    你这只是加法可以

    2019-05-07 16:43:39

    共 1 条回复 >

  • 慕烟_
    2019-06-28 15:45:02

    <!DOCTYPE html>
    <html>
     <head>
      <title> 事件</title> 
      <script type="text/javascript">
       function count(){
         var sum=0;
        //获取第一个输入框的值
        var txt1=parseInt(document.getElementById("txt1").value);
     //获取第二个输入框的值
     var txt2=parseInt(document.getElementById("txt2").value);
     //获取选择框的值
     var num=document.getElementById("select").value;
     switch(num){
         case '+':
             sum=txt1+txt2;
             break;
         case '-':
             sum=txt1-txt2;
             break;
         case '*':
             sum=txt1*txt2;
             break;
        case '/':
             sum=txt1/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>

JavaScript进阶篇

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

468061 学习 · 21891 问题

查看课程

相似问题