4-8编程练习
来源：4-8 编程练习
soso_crazy
2019-03-15 15:39:19
<!-- 1、在脚本中获取参与运算的2个数值和操作符，并计算结果。
2、将算法进行封装，点击“=”号时，调用函数，将结果输出到文本框中。
tips:
使使用switch case语句判断并计算加、减、乘、除。 -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<style>
body {
background-color: #eeeeee
}
</style>
</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">
var operate = document.getElementById('operate'),
num1 = document.querySelector('#num1'),
num2 = document.querySelector('#num2');
var calculator = {
add: function(num1, num2) {
return +num1 + +num2; //+转成数字
},
//定义减法函数
subtract: function(num1, num2) {
return num1 - num2;
},
//定义乘法函数
multiply: function(num1, num2) {
return num1 * num2;
},
//定义加法函数
divide: function(num1, num2) {
return num1 / num2;
}
};
function count() {
switch (operate.value) {
case '+':
calculator.add(num1.value, num2.value);
break;
case '-':
calculator.subtract(num1.value, num2.value);
break;
case '*':
calculator.multiply(num1.value, num2.value);
break;
case '÷':
calculator.divide(num1.value, num2.value);
break;
}
}
</script>
</body>
</html>
为什么不能实现运算功能？
1回答
-
好帮手慕星星
2019-03-15
你好，代码逻辑是没有问题的。
计算出来的值需要添加在最后一个输入框中，不需要返回出来：
可以修改测试下，祝学习愉快！
0
相似问题