大神，为啥运行不了-慕课网

大神，为啥运行不了

来源：6-11 编程练习

qq_触掱钶忣倖福_0

2018-11-25 14:40

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

写回答关注

5回答

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 1

qq_触掱钶...

谢谢，运行成功

2018-11-25 19:22:41

共 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 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 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 0
慕粉4008476

2018-11-25 16:20:08

亲，你没有调用，
<input type='button' value=' = ' onclick="count( )"/>

1 0

qq_触掱钶...

调用之后也不能运行

2018-11-25 16:34:14

共 1 条回复 >

JavaScript进阶篇

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

468194 学习 · 21891 问题

相似问题

回答 4

回答 2

回答 3

求大神看看，运行不了

回答 3

哪位大神看看为什么运行不了

回答 3

打开慕课网App查看更多内容