花了很久才成功，附上注意要点~ 大家都要棒棒滴~
是桃子精呀
2019-06-30 21:10
<!DOCTYPE html>
<html>
<head>
<title>事件</title>
<script type="text/javascript">
function count() {
var num1 = document.getElementById("txt1").value;
var num2 = document.getElementById("txt2").value;
var num3 = document.getElementById("select").value;
var sum;
switch (num3) {
case "+":
sum = parseInt(num1) + parseInt(num2);
break;
case "-":
sum = parseInt(num1) - parseInt(num2);
break;
case "*":
sum = parseInt(num1) * parseInt(num2);
break;
case "/":
sum = parseInt(num1) / parseInt(num2);
break;
}
document.getElementById("fruit").value = sum;
}
// 注意要点：
// 1、switch语句的使用————switch(表达式的值————输出的结果)，小括号里面的内容要与下面的///case（值）做对比，若两者值相等，则执行case（值）：后面的代码体。
// 2、document.getElementById("fruit").value = sum;要写在函数内部。因为函数调用，只调
//用函数的作用域的内容。如果里面没这句话，也就意味着没有返回的结果。下面“=按钮”则不出结果
// 3、下面html代码里的“=按钮”不要忘记注册点击事件。否则点100次不起作用！
// 4、获取元素的值设置和获取方法为：
// 赋值：document.getElementById(“id”）.value = 1；
// 取值：var 变量名 = document.getElementById(“id”）.value；
// 赋值及取值时，id名必须要用“ ”双引号括起来！
</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>
2回答
-
- qq_街角賣冋忆_jktJX4
- 2019-07-08 14:47:22
parseInt()用的太复杂了
-
- 晚风铃铃
- 2019-07-04 16:56:13
嗯 好的
JavaScript进阶篇
468060 学习 · 21891 问题
相似问题