这个编码我自己写不出来

来源:4-10 编程练习

地上马

2016-07-03 18:05

这个编码我自己写不出来

写回答 关注

3回答

  • PAML
    2016-07-03 19:53:44
    已采纳

    <!DOCTYPE html>

    <html>

     <head>

      <title> 事件</title>  

      <script type="text/javascript">

       function count(){

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

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

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

           var d="";

           switch(c){

               case '+':

                    d= a+b

                    break;

               case '-':

                    d= a-b

                    break;

               case '*':

                    d= a*b

                    break;

               case '/':

                    d= a/b

                    break;

                 

           }

           

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

        

       }

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


  • 地上马
    2016-07-26 23:28:54


    谢谢啦

  • PAML
    2016-07-03 20:00:49

    //刚才回答没有注释解释,重新补充

    <!DOCTYPE html>

    <html>

     <head>

      <title> 事件</title>  

      <script type="text/javascript">

       function count(){

           var a=parseInt(document.getElementById("txt1").value);//获取id="txt1"的value,并将value转化为数值类型;

            var b=parseInt(document.getElementById("txt2").value);//获取id="txt2"的value,并将value转化为数值类型;

           var c=document.getElementById("select").value;//获取select中的字符

           var d="";

    //选择不同的字符,进行不同的运算,并将运算结果赋值给变量d;

           switch(c){

               case '+':

                    d= a+b

                    break;

               case '-':

                    d= a-b

                    break;

               case '*':

                    d= a*b

                    break;

               case '/':

                    d= a/b

                    break;

                 

           }

        //将变量d的值赋值给id='fruit'的value

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

       }

      </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代码开始,带您进入网页动态交互世界

468194 学习 · 21891 问题

查看课程

相似问题