【JS】实现简单的科目成绩计算

今天做一个小练习,要求做一个按钮,然后弹出出入框,出入科目的数量和成绩进行计算。

实现效果如下:

具体代码如下:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script language="JavaScript">
			window.onload =	function time(){
			var btn =document.getElementById("btn");
			btn.onclick =function(){
				var num1 = prompt("请输入科目数量");
				var num11 = Number(num1);
				var sum=0;

					for ( var i = 1;i<=num11;i++) {
					var num2 = prompt("请输入第"+i+"门科目成绩");
					var num22 = Number(num2);
					var sum = sum+num22;
					}
					alert("您的总分是:"+ sum);
				}
			}
			
		</script>
	</head>
	<body>
		<button id="btn">开始计算成绩</button>
	</body>
</html>

 

  • 3
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
以下是一个基本的JavaScript成绩统计代码示例: ```html <!DOCTYPE html> <html> <head> <title>成绩统计</title> <script> function calculate() { // 获取表单中的成绩数据 var score1 = parseFloat(document.getElementById("score1").value); var score2 = parseFloat(document.getElementById("score2").value); var score3 = parseFloat(document.getElementById("score3").value); // 计算总分和平均分 var total = score1 + score2 + score3; var average = total / 3; // 显示总分和平均分 document.getElementById("total").innerHTML = total; document.getElementById("average").innerHTML = average; } </script> </head> <body> <h1>成绩统计</h1> <form> <label for="score1">科目1成绩:</label> <input type="text" id="score1" name="score1"><br> <label for="score2">科目2成绩:</label> <input type="text" id="score2" name="score2"><br> <label for="score3">科目3成绩:</label> <input type="text" id="score3" name="score3"><br> <button type="button" onclick="calculate()">计算</button> </form> <p>总分: <span id="total"></span></p> <p>平均分: <span id="average"></span></p> </body> </html> ``` 在这个代码示例中,我们使用了一个`calculate`函数来计算总分和平均分。该函数首先获取表单中的三个成绩数据,然后计算总分和平均分,最后将结果显示在页面上。 注意,我们使用了`parseFloat`函数来将输入框中的字符串转换为数值。这是因为表单中输入的数据默认为字符串类型,而我们需要对它们进行数学计算

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值