问题:使用if – else if – else 语句判断学生成绩,接收用户输入的成绩,提示(优秀,良好,及格和不及格)信息。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>查询成绩状况</title>
</head>
<body>
<form>
请输入您的分数:<input type="text" id="score" />
<input type="button" value="查询" onclick="regist();" />
</form>
</body>
<script type="text/javascript">
var scoreNume = document.getElementById("score");
function regist()
{
if(scoreNume.value>=90)
alert("您的成绩为优秀");
else if(scoreNume.value>=80)
alert("您的成绩为良好");
else if(scoreNume.value>=60)
alert("您的成绩为及格");
else
alert("您的成绩为不及格");
}
</script>
</html>
Tips:
单个输入值,在定义输入框是,标好id;可以直接用Id 选择器
// 如 上 document.getElementById(“score”);
**进行获取,
如果要获得具体的值,
则要在具体需要用的地方加“.value”**
// 如 上 scoreNume.value
若 var scoreNume = document.getElementById(“score”).value;
则将 scoreNume定义为全局变量,那么他的值是不会改变的;
为解决此类办法,通常将其放在函数中
如下
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>查询成绩状况</title>
</head>
<body>
<form>
请输入您的分数:<input type="text" id="score" />
<input type="button" value="查询" onclick="regist();" />
</form>
</body>
<script type="text/javascript">
function regist()
{
var scoreNume = document.getElementById("score").value;
if(scoreNume>=90)
alert("您的成绩为优秀");
else if(scoreNume>=80)
alert("您的成绩为良好");
else if(scoreNume>=60)
alert("您的成绩为及格");
else
alert("您的成绩为不及格");
}
</script>
</html>
则可同样完美运行。