4-8出不了结果,请老师帮忙
来源:4-8 编程练习
慕妹2075046
2019-07-18 17:57:14
<!DOCTYPE html>
<html>
<head>
<title> 事件</title>
</head>
<body>
<input type='text' id='num1' />
<select id='operate'>
<option value='+'>+</option>
<option value="-">-</option>
<option value="*">*</option>
<option value="/">/</option>
</select>
<input type='text' id='num2' />
<input type='button' value=' = ' onclick="count()" />
<input type='text' id='result' />
<script type="text/javascript">
function count() {
var option=document.getElementsByTagName("option");
var num1=document.getElementById("num1");
var num2=document.getElementById("num2");
var result=document.getElementById("result");
//加法
function add(num1,num2){
return num1+num2;
}
//减法
function subtract(num1,num2){
return num1-num2;
}
//乘法
function multiply(num1,num2){
return num1*num2;
}
function divide(num1,num2){
return num1/num2;
}
//结果
function outResult(nums){
result.value=nums;
}
switch(option.value){
case'+':
outResult(add(num1,num2));
break;
case'-':
outResult(subtract(num1,num2));
break;
case'*':
outResult(multiply(num1,num2));
break;
case'/':
outResult(divide(num1,num2));
break;
}
}
</script>
</body>
</html>
1回答
好帮手慕慕子
2019-07-18
同学你好, 代码中的问题如下
获取opation的value值,规定是通过select标签对象获取的哦,你这里通过opation标签获取是不对的
你这里的num1和num2表示的input标签对象, 建议: 可以通过value获取输入框中的值,另,直接获取输入框的值是字符串类型, 后面要进行加减乘除运算, 所以这里要将输入的值转成数值类型
参考下图修改:

如果帮助到了你, 欢迎采纳!
祝学习愉快~~~~
相似问题