问答详情
源自:6-11 编程练习

花了很久才成功,附上注意要点~ 大家都要棒棒滴~

<!DOCTYPE html>

<html>

 <head>

   <title>事件</title>

   <script type="text/javascript">

     function count() {

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

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

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

       var sum;

       switch (num3) {

         case "+":

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

           break;

         case "-":

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

           break;

         case "*":

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

           break;

         case "/":

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

           break;

       }

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

     }

// 注意要点:

// 1、switch语句的使用————switch(表达式的值————输出的结果),小括号里面的内容要与下面的///case(值)做对比,若两者值相等,则执行case(值):后面的代码体。

// 2、document.getElementById("fruit").value = sum;要写在函数内部。因为函数调用,只调

//用函数的作用域的内容。如果里面没这句话,也就意味着没有返回的结果。下面“=按钮”则不出结果

// 3、下面html代码里的“=按钮”不要忘记注册点击事件。否则点100次不起作用!

// 4、获取元素的值设置和获取方法为:

// 赋值:document.getElementById(“id”).value = 1;

// 取值:var 变量名 = document.getElementById(“id”).value;

// 赋值及取值时,id名必须要用“ ”双引号括起来!

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


提问者:是桃子精呀 2019-06-30 21:10

个回答

  • qq_街角賣冋忆_jktJX4
    2019-07-08 14:47:22

    parseInt()用的太复杂了

  • 晚风铃铃
    2019-07-04 16:56:13

    嗯  好的