为了账号安全，请及时绑定邮箱和手机立即绑定

课程

/前端开发

/JavaScript

/JavaScript进阶篇

大神，为啥运行不了

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

源自：JavaScript进阶篇  6-11

关注问题 我要回答
1312
操作
收起

正在回答

5 回答

Time_True_Lee 回答被采纳 +2 积分
2018-11-25

<!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 回复 有任何疑惑可以回复我~
收起回答
#1

qq_触掱钶忣倖福_0 提问者

谢谢，运行成功
2018-11-25 回复 有任何疑惑可以回复我~
HG_long
2018-12-07 
<!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

我的代码如下：


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

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

亲，你没有调用，

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

0 回复 有任何疑惑可以回复我~
收起回答
#1

qq_触掱钶忣倖福_0 提问者

调用之后也不能运行
2018-11-25 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
JavaScript进阶篇
  • 参与学习       468046    人
  • 解答问题       21891    个

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

进入课程

本课相似问答

4 回答求大神看看为啥运行不了

2 回答求大神，为什么运行不了

3 回答求大神看看，运行不了

3 回答为什么运行不了 求大神解答

2 回答求助各位大神，为什么运行不了？？？？
搜索更多本课相关问答

大神，为啥运行不了

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信