js中判断成绩是否合格,范围在0-100,否则重新输入

代码:

<!DOCTYPE html>
<html lang="zh">
<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>
	<script type="text/javascript">
		var grade = prompt("请输入小明成绩:");
		while(1){
			if(grade>=60 &&grade<=100)
			{
				document.write("合格");
				break;
			}
			else if(grade <=60 &&grade >=0)
			{
				document.write("不合格");
				break;
			}
			else{
				grade = prompt("输入数据请保持在0-100之间,请重新输入");
			}
		}
	</script>
</head>
<body>
	
</body>
</html>

运行结果:
情况一:
在这里插入图片描述
在这里插入图片描述
情况二:
在这里插入图片描述
在这里插入图片描述
情况三:
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

创建HTML文件来显示成绩评定的过程可以分为以下几个步骤: 1. 首先,我们需要在HTML头部添加一些基本元素,比如`<!DOCTYPE html>`声明文档类型,以及`<head>`和`<body>`标签。 ```html <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <title>成绩评定</title> <script type="text/javascript"> // JavaScript 代码将会嵌入在这里 </script> </head> <body> <!-- 页面内容将放在此处 --> <h1>请输入您的百分制成绩:</h1> <input type="number" id="scoreInput" placeholder="请输入分数"> <button onclick="checkGrade()">检查</button> <div id="result"></div> </body> </html> ``` 2. 然后,我们在`<head>`部分引入JavaScript代码,用于处理用户输入判断成绩。这里我们将定义一个名为`checkGrade`的函数,它会获取输入框里的值,并根据条件显示消息。 ```javascript <script> function checkGrade() { var score = document.getElementById("scoreInput").value; if (score >= 60) { alert('恭喜你,你的成绩合格!'); } else { alert('恭喜你,你的成绩合格!'); } } </script> ``` 3. 最后,当用户点击“检查”按钮时,`checkGrade`函数会被触发,根据输入成绩显示恭喜信息。如果成绩大于等于60,则认为合格否则,认为不合格。 这个简单的例子展示了如何在HTML页面上通过JavaScript动态地根据输入进行条件判断和反馈。当然,实际应用中可能会有更复杂的需求,如显示具体的分数段等。
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值