结果总是0求解

来源:6-11 编程练习

慕勒2515773

2016-05-07 23:19

<!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 result=0;
    switch(select)
    {
    case "+":result=x+y;
    break;
    case "-":result=x-y;
    break;
    case "*":result=x*y;
    break;
    case "/":result=x/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>

写回答 关注

1回答

  • H哈巴
    2016-05-08 00:01:56
    已采纳

    1、你忘记获取下拉框的运算符号了

    2、直接从输入框获取的值是字符型的,要用parseInt()解析成数值


    <!DOCTYPE html>

    <html>

     <head>

      <title> 事件</title>  

      <script type="text/javascript">

       function count(){

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

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

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

        var result=0;

        switch(select)

        {

        case "+":result=x+y;

        break;

        case "-":result=x-y;

        break;

        case "*":result=x*y;

        break;

        case "/":result=x/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>


    慕勒2515... 回复H哈巴

    那可能浏览器问题吧,还是谢谢~

    2016-05-13 19:15:59

    共 6 条回复 >

JavaScript进阶篇

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

468060 学习 · 21891 问题

查看课程

相似问题