点等号没有反应,求人帮忙给我查下错,自己确实查不出来了

来源:6-11 编程练习

laoLangLoveProgram

2017-03-18 22:32

<!DOCTYPE html>
<html>
 <head>
  <title> 事件</title>  
  <script type="text/javascript">
   function count(){
	    //获取第一个输入框的值
	    var txt1 = parseInt(document.getElementById("txt1").value);
		//获取第二个输入框的值
		var txt2 = parseInt(document.getElementById("txt2").value);
		//获取选择框的值
		var opt = document.getElementById("select").value;
		//获取通过下拉框来选择的值来改变加减乘除的运算法则
		var result;
		switch(opt){
		    case "+":
		        result = txt1)+ txt2);
		        break;
		    case "-":
		        result = txt1)- txt2);
		        break;
		    case "*":
		        result = txt1)* txt2);
		        break;
		    case "/":
		        result = txt1)/ txt2);
		        break;
	    	default:
	    	
		}
    	//设置结果输入框的值 
    	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>

要疯了,不知道哪里错了?

写回答 关注

8回答

  • smile9620
    2017-03-18 22:59:15
    已采纳

     result = txt1)+ txt2);  改成:result = txt1- txt2;

  • Angel帝豪
    2017-03-21 20:03:01

    <!DOCTYPE html>

    <html>

     <head>

      <meta charset="utf-8">

      <title> 事件</title>  

      <script type="text/javascript">

       function count(){


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

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

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

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

          //获取选择框的值

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

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

          var finalNum;

            switch (operator) {

              case "-":

                finalNum=num1-num2;

                break;

              case "*":

                finalNum=num1*num2;

                break;

              case "/":

                finalNum=num1/num2;

                break;   

              default:

                finalNum=num1+num2;

                break;

            };

          //设置结果输入框的值 

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

       }

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


  • laoLangLoveProgram
    2017-03-19 17:05:56

    谢谢,Thx

  • fanson
    2017-03-19 16:37:28

    你试试吧

  • fanson
    2017-03-19 16:36:36
    <!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 opt = document.getElementById("select").value;
            //获取通过下拉框来选择的值来改变加减乘除的运算法则
            var result;
            switch(opt){
                case "+":
                    result =(parseInt(txt1))+ (parseInt(txt2));
                    break;
                case "-":
                    result = txt1- txt2;
                    break;
                case "*":
                    result = txt1* txt2;
                    break;
                case "/":
                    result = txt1/ txt2;
                    break;
                default:
                 
            }
            //设置结果输入框的值 
            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>


  • laoLangLoveProgram
    2017-03-18 23:14:20

    ....黑色背景太伤了,蓝色的括号完全看不见。。。

  • laoLangLoveProgram
    2017-03-18 22:36:49

    还是不行。。。

  • laoLangLoveProgram
    2017-03-18 22:33:58

    啊,我知道了,有个var写错了.......

JavaScript进阶篇

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

468194 学习 · 21891 问题

查看课程

相似问题