首页创建html文件，使用prompt方法，输入姓名各课程成绩，计算出总分，平均分，平均分保留两位小数

创建html文件，使用prompt方法，输入姓名各课程成绩，计算出总分，平均分，平均分保留两位小数

时间: 2024-09-19 12:12:19 浏览: 59

创建HTML文件用于收集用户输入并计算成绩信息，可以使用JavaScript配合HTML表单来实现。以下是一个简单的示例： ```html <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <title>成绩计算器</title> <script type="text/javascript"> function calculateScores() { // 获取输入框的值 var name = document.getElementById('name').value; var courses = [ {name: '数学', score: Number(document.getElementById('mathScore').value)}, {name: '语文', score: Number(document.getElementById('ChineseScore').value)}, {name: '英语', score: Number(document.getElementById('EnglishScore').value)} ]; // 计算总分和平均分 var totalScore = 0; for (var i = 0; i < courses.length; i++) { totalScore += courses[i].score; } var averageScore = totalScore / courses.length; // 保留两位小数 averageScore = averageScore.toFixed(2); // 显示结果 document.getElementById('result').innerHTML = `姓名：${name}\n总分：${totalScore}\n平均分：${averageScore}`; } </script> </head> <body> <h2>请输入您的姓名及各科成绩：</h2> <label for="name">姓名：</label> <input type="text" id="name"><br><br> <label for="mathScore">数学：</label> <input type="number" id="mathScore"><br> <label for="ChineseScore">语文：</label> <input type="number" id="ChineseScore"><br> <label for="EnglishScore">英语：</label> <input type="number" id="EnglishScore"><br><br> <button onclick="calculateScores()">计算</button> <div id="result"></div> </body> </html> ```

阅读全文