chaohua
2018-08-08 21:09
<!DOCTYPE html>
<html>
<head>
<title> 事件</title>
<script type="text/javascript">
function count(){
var a,b,fm;
var a=document.getElementById("txt1").value;
var b=document.getElementById("txt2").value;
var fm=document.getElementById("select").value;
switch fm(){
case "+":
sum=a+b;
break;
case "-":
sum=a-b;
break;
case "*":
sum=a*b;
break;
case "/":
sum=a/b;
break;
default:
document.write("null")
}
//获取第一个输入框的值
//获取第二个输入框的值
//获取选择框的值
//获取通过下拉框来选择的值来改变加减乘除的运算法则
//设置结果输入框的值
var sum=document.getElementById("fruit").value;
}
</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>
sum=a*b; 你用了中文的分号,改成英文状态下的。
//设置结果输入框的值。应该把 sum的值直接赋给 fruit 框
document.getElementById("fruit").value = sum;
问题解决了
<!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 fm=document.getElementById("select").value;
switch (fm){
case "+":
sum=parseInt(a)+parseInt(b);
break;
case "-":
sum=parseInt(a)-parseInt(b);
break;
case "*":
sum=parseInt(a)*parseInt(b);
break;
case "/":
sum=parseInt(a)/parseInt(b);
break;
default:
document.write("null")
}
//获取第一个输入框的值
//获取第二个输入框的值
//获取选择框的值
//获取通过下拉框来选择的值来改变加减乘除的运算法则
//设置结果输入框的值
document.getElementById("fruit").value=sum;
}
</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>
谢谢您 您说的问题我改了,然后我发现我的switch表达式没写对,我写成了 switch fm() 应该是 switch (fm).
但是加法还是有问题,比如1+2=12,这是哪里的问题?
完整代码如下:
<!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 fm=document.getElementById("select").value;
switch (fm){
case "+":
sum=a+b;
break;
case "-":
sum=a-b;
break;
case "*":
sum=a*b;
break;
case "/":
sum=a/b;
break;
default:
document.write("null")
}
//获取第一个输入框的值
//获取第二个输入框的值
//获取选择框的值
//获取通过下拉框来选择的值来改变加减乘除的运算法则
//设置结果输入框的值
document.getElementById("fruit").value=sum;
}
</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>
JavaScript进阶篇
468194 学习 · 21891 问题
相似问题