学生成绩计算器用于获取所有科目的成绩输入，然后根据学生的分数计算百分比。该计算器返回相当可靠的学生成绩指标。
计算成绩的简单公式是：
$text{Percentage}= frac{text{得分}}{text{总分}}times 100$
我们将使用 HTML 进行输入，输入后我们将调用 JS 函数计算这些数字的平均百分比并将其返回给用户。
创建计算器的步骤 –
我们将使用输入标签从用户处获取输入。
立即学习“Java免费学习笔记（深入）”；
获取输入后，我们会将这些输入传递给 JS 中的计算函数。
计算函数基本上会聚合结果并返回结果
获得结果后，HTML 将向用户显示结果。
示例
在下面的示例中，我们将创建一个简单的成绩计算器，它将接受成绩输入并查找每个学生的汇总成绩百分比。
Giiso写作机器人
Giiso写作机器人，让写作更简单
56 查看详情
index.html
Student Grade Calculator Welcome To Tutorials Point
Student grade calculator:
Enter Student's marks in Chemistry:Enter Student's marks in Maths:Enter Student's marks in Physics:
styles.css
.container { flex: 0 1 700px; margin: auto; padding: 10px;}.screen-body-item { flex: 1; padding: 50px;}input {m argin: 10px 10px 10px;}.showdata { color: black; font-size: 1.2rem; padding-top: 10px; padding-bottom: 10px;}#form-group { padding: 20px;}
script.js
// Function for calculating gradesconst calculate = () => { // Getting input from user into height variable. let chemistry = document.querySelector("#chemistry").value; let maths = document.querySelector("#maths").value; let phy = document.querySelector("#phy").value; let grades = ""; // Input is string so typecasting is necessary. */ let totalgrades = parseFloat(chemistry) + parseFloat(maths) + parseFloat(phy); // Checking the condition for the providing the // grade to student based on percentage let percentage = (totalgrades / 300) * 100; if (percentage = 80) { grades = "A"; } else if (percentage = 60) { grades = "B"; } else if (percentage = 40) { grades = "C"; } else { grades = "F"; } // Checking the values are empty if empty than // show please fill them if (chemistry == ""|| maths == "" || phy == "") { document.querySelector("#showdata").innerHTML = "Please enter all the fields"; } else { // Checking the condition for the fail and pass if (percentage >= 39.5) { document.querySelector( "#showdata" ).innerHTML = ` Out of 300 your total is ${totalgrades} and percentage is ${percentage}%.
Your grade is ${grades}. You are Pass. `; } else { document.querySelector( "#showdata" ).innerHTML = ` Out of 300 your total is ${totalgrades} and percentage is ${percentage}%.
Your grade is ${grades}. You are Fail. `; } }};
输出
输入标记并单击“显示百分比”时 –
我们合并了 HTML、CSS 和 JS，以帮助您在此处检查该程序的输出。
单击以下链接查看该程序的现场演示：
以上就是使用 HTML、CSS 和 JavaScript 创建一个简单的计算器的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/533121.html
微信扫一扫 
支付宝扫一扫 
