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

大神，为啥运行不了

<!DOCTYPE html>
<html>
 <head>
  <title> 事件</title>  
  <script type="text/javascript">
   function count(){
    var a=document.getElementById("txt1") .value;
    var b=document.getElementById("txt2").value;
    var c=document.getElementById("select").value;
    var d="";
    switch(c)
        {
            case "+";
            d=parseInt(a) + parseInt(b);break;
            case "-":
            d=parseInt(a) - parseInt(b);break;
            case "*":
            d=parseInt(a) * parseInt(b);break;
            case "/":
            d=parseInt(a) / parseInt(b);
        }
        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=' = ' /> <!--通过 = 按钮来调用创建的函数，得到结果-->
   <input type='text' id='fruit' />   
 </body>
</html>

提问者：qq_触掱钶忣倖福_0 2018-11-25 14:40

个回答

  • Time_True_Lee
    2018-11-25 17:30:38
    已采纳

    <!DOCTYPE html>

    <html>

     <head>

      <title> 事件</title>  

      <script type="text/javascript">

       function count(){

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

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

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

        //var d="";   原文中不需要

        switch(c)

            {

                case "+":  //原文 “;”改为“:”

                var d=parseInt(a) + parseInt(b);break;

                case "-":

                var d=parseInt(a) - parseInt(b);break;

                case "*":

                var d=parseInt(a) * parseInt(b);break;

                default:   //原文case:   改为“default:”

                var d=parseInt(a) / parseInt(b);

            }

            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>


    1
  • HG_long
    2018-12-07 10:28:03

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

    我测试的时候 为啥是两个数字连在一起了，比如我测得5+1；结果为51


    0
  • qq_夏佐_0
    2018-11-27 19:07:56

    我的代码如下：


    <!DOCTYPE html>

    <html>

     <head>

      <title> 事件</title>  

      <script type="text/javascript">

       function count(){

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

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

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

            

            var result;

            

            switch(selectValue) {

                case"+":

                    result = a + b;

                    break;

                case"-":

                    result = a - b;

                    break;

                case"*":

                    result = a * b;

                    break;

                case"/":

                    result = a / b;

                    break;

                default:

                    result = a / b;

                    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>


    0
  • Time_True_Lee
    2018-11-25 17:29:02

    <!DOCTYPE html>

    <html>

     <head>

      <title> 事件</title>  

      <script type="text/javascript">

       function count(){

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

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

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

        //var d="";   不需要

        switch(c)

            {

                case "+":  //原文 “;”改为“:”

                var d=parseInt(a) + parseInt(b);break;

                case "-":

                var d=parseInt(a) - parseInt(b);break;

                case "*":

                var d=parseInt(a) * parseInt(b);break;

                default:   //原文case:   改为“default:”

                var d=parseInt(a) / parseInt(b);

            }

            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>


    0
  • 慕粉4008476
    2018-11-25 16:20:08

    亲，你没有调用，

      <input type='button' value=' = '  onclick="count( )"/> 

    0