编写一个HTML文件,要求运用Javascript代码,对用户输入的测试成绩给予评价,成绩60分一下为不合格、60—7
编写一个HTML文件,要求运用Javascript代码,对用户输入的测试成绩给予评价,成绩60分一下为不合格、60—70为合格,70—80为中等,80—90为良好、90—...
编写一个HTML文件,要求运用Javascript代码,对用户输入的测试成绩给予评价,成绩60分一下为不合格、60—70为合格,70—80为中等,80—90为良好、90—100为优秀、100分为满分。具体如下;
1、 页面上设计【提交】按钮、【重置】按钮、【成绩录入】文本框、【成绩显示与评价】文本框。
2、 自定义一个Javascript函数,名称为cmdok_onclick(),其内部使用if…else语句。
3、 当用户单击提交按钮时,由cmdok_onclick()函数根据录入的成绩(0—100)进行评价,当用户输入非法时,用alert对话框提示 展开
1、 页面上设计【提交】按钮、【重置】按钮、【成绩录入】文本框、【成绩显示与评价】文本框。
2、 自定义一个Javascript函数,名称为cmdok_onclick(),其内部使用if…else语句。
3、 当用户单击提交按钮时,由cmdok_onclick()函数根据录入的成绩(0—100)进行评价,当用户输入非法时,用alert对话框提示 展开
4个回答
展开全部
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>算分数</title>
<script>
function cmdok_onclick(){
var score = document.getElementById("score");
var result = document.getElementById("result");
if(score.value<60) result.innerHTML="不合格";
else if(score.value<70) result.innerHTML="合格";
else if(score.value<80) result.innerHTML="中等";
else if(score.value<90) result.innerHTML="良好";
else if(score.value<100) result.innerHTML="优秀";
else if(score.value==100) result.innerHTML="满分";
else {
alert("输入错误");
score.value="";
}
}
</script>
</head>
<body>
<form name="form1" method="post" action="" onSubmit="cmdok_onclick();return false;">
成绩录入:<input type="text" id="score" onBlur="checkScore();" /><br/>
成绩显示与评价:<label id ="result" ></label><br/>
<input value="提交" type="submit">
<input value="重置" type="reset">
</form>
</body>
</html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>算分数</title>
<script>
function cmdok_onclick(){
var score = document.getElementById("score");
var result = document.getElementById("result");
if(score.value<60) result.innerHTML="不合格";
else if(score.value<70) result.innerHTML="合格";
else if(score.value<80) result.innerHTML="中等";
else if(score.value<90) result.innerHTML="良好";
else if(score.value<100) result.innerHTML="优秀";
else if(score.value==100) result.innerHTML="满分";
else {
alert("输入错误");
score.value="";
}
}
</script>
</head>
<body>
<form name="form1" method="post" action="" onSubmit="cmdok_onclick();return false;">
成绩录入:<input type="text" id="score" onBlur="checkScore();" /><br/>
成绩显示与评价:<label id ="result" ></label><br/>
<input value="提交" type="submit">
<input value="重置" type="reset">
</form>
</body>
</html>
展开全部
<html>
<head>
<title>assessment.html</title>
<script type="text/javascript">
function cancel() {
document.form1.scores.value = "";
document.form1.assessment.value = "";
}
function cmdok_onclick() {
var scores = document.form1.scores.value;
if (scores < 0 || scores > 100) {
alert("请输入百分制成绩!");
} else if (scores < 60) {
document.form1.assessment.value = "不及格——E";
} else if (scores < 70) {
document.form1.assessment.value = "合格——D";
} else if (scores < 80) {
document.form1.assessment.value = "中等——C";
} else if (scores < 90) {
document.form1.assessment.value = "良好——B";
} else if (scores < 100) {
document.form1.assessment.value = "优秀——A";
} else {
document.form1.assessment.value = "满分——Good";
}
}
</script>
</head>
<body>
<form action="" name="form1">
成绩录入:
<input type="text" name="scores">
<br />
成绩等级:
<input type="text" name="assessment">
<br />
<input type="button" name="提交" value="提交" onClick="cmdok_onclick()">
<input type="button" name="重置" value="重置" onClick="cancel()">
</form>
</body>
</html>
<head>
<title>assessment.html</title>
<script type="text/javascript">
function cancel() {
document.form1.scores.value = "";
document.form1.assessment.value = "";
}
function cmdok_onclick() {
var scores = document.form1.scores.value;
if (scores < 0 || scores > 100) {
alert("请输入百分制成绩!");
} else if (scores < 60) {
document.form1.assessment.value = "不及格——E";
} else if (scores < 70) {
document.form1.assessment.value = "合格——D";
} else if (scores < 80) {
document.form1.assessment.value = "中等——C";
} else if (scores < 90) {
document.form1.assessment.value = "良好——B";
} else if (scores < 100) {
document.form1.assessment.value = "优秀——A";
} else {
document.form1.assessment.value = "满分——Good";
}
}
</script>
</head>
<body>
<form action="" name="form1">
成绩录入:
<input type="text" name="scores">
<br />
成绩等级:
<input type="text" name="assessment">
<br />
<input type="button" name="提交" value="提交" onClick="cmdok_onclick()">
<input type="button" name="重置" value="重置" onClick="cancel()">
</form>
</body>
</html>
参考资料: 0.0
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
<html>
<head>
<script language="javascript">
function testScore(){
var score=document.getElementById("textScore").value;
if(score==""){//判断输入不为空
alert("请输入成绩");
}else if(isNaN(score)){//判断输入格式是否有效
alert("请输入数字成绩");
}else{
var numScore=Number(score);
if(numScore<0){
alert("哥们。。你要努力了。。连零分都不到。。");
}else if(numScore>=0 && numScore<60){//60分以下不及格
alert("不及格");
}else if(numScore>=60 && numScore <85){//60分至85分及格
alert("及格");
}else if(numScore>=85 && numScore<=100){//85分至100分优秀
alert("优秀");
}else if(numScore>100){//满分溢出
alert("哇塞,难道阁下已经到达超越满分100分的境界?");
}
}
}
</script>
</head>
<body>
<input type="text" id="textScore" />
<input type ="button" value="Test" onclick="testScore();" />
</body>
</html>
<head>
<script language="javascript">
function testScore(){
var score=document.getElementById("textScore").value;
if(score==""){//判断输入不为空
alert("请输入成绩");
}else if(isNaN(score)){//判断输入格式是否有效
alert("请输入数字成绩");
}else{
var numScore=Number(score);
if(numScore<0){
alert("哥们。。你要努力了。。连零分都不到。。");
}else if(numScore>=0 && numScore<60){//60分以下不及格
alert("不及格");
}else if(numScore>=60 && numScore <85){//60分至85分及格
alert("及格");
}else if(numScore>=85 && numScore<=100){//85分至100分优秀
alert("优秀");
}else if(numScore>100){//满分溢出
alert("哇塞,难道阁下已经到达超越满分100分的境界?");
}
}
}
</script>
</head>
<body>
<input type="text" id="textScore" />
<input type ="button" value="Test" onclick="testScore();" />
</body>
</html>
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
这不是很简单嘛!用js先取得用户输入的测试成绩!然后判断嘛
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询