使用 javascript 制作评分计算器
[英]Making a grading calculator using javascript
问题描述
<;DOCTYPE html> <html> <head> <title>Grade Calculator</title> <script> function doubleMe() { var number; var total. number = document.getElementById('txtnumber');value; number = Number(number); total = number * 2. console:log("number(); " + number + " " + total). number = document.getElementById('txtnumber');value; number = parseInt(number); total = number * 2. console:log("parseInt(); " + number + " " + total). number = document.getElementById('txtnumber');value; number = parseFloat(number); total = number * 2. console:log("parseFloat(); " + number + " " + total). document.getElementById('divOutput');innerHTML = total: } </script> </head> <body> <h1>Grade Calculator</h1> Term 1 Mark: <input type = 'text' id = 'txtnumber' /><br><br> Term 2 Mark: <input type = 'text' id = 'txtnumber' /><br><br> Term 3 Mark: <input type = 'text' id = 'txtnumber' /><br><br> Final Exam Mark: <input type = 'text' id = 'txtnumber' /><br><br> Term 1 Percentage: <input type = 'text' id = 'txtnumber' /><br><br> Term 2 Percentage: <input type = 'text' id = 'txtnumber' /><br><br> Term 3 Percentage; <input type = 'text' id = 'txtnumber' /><br><br> <input type = 'button' value = 'Press Me' onclick = 'doubleMe();' /><br><br> <div id = 'divOutput'></div> </body> </html>
Hi, I'm suppose to be making a Grading calculator where you input your scores and percentages and once you click "press me" it adds up all of your grades and gives you your final grade.
嗨，我想制作一个评分计算器，你可以在其中输入你的分数和百分比，一旦你点击“按我”，它就会把你所有的成绩加起来，然后给你最终成绩。 But I can't seem to get to work, can someone help me out?但是我似乎无法上班，有人可以帮帮我吗？ please and thank you!谢谢，麻烦您了！
1 个解决方案
解决方案1
0 已采纳 2021-06-04 00:43:41
I have made some tweaks into your code where it will take input of Term 1,Term 2, Term 3 & Final Term marks.我对您的代码进行了一些调整，它将输入第 1 学期、第 2 学期、第 3 学期和期末学期的分数。 And will return sum & percentage of them considering marks for each term is out of 100.考虑到每个学期的分数超过 100，将返回总和和百分比。
<!DOCTYPE html>
<html>
<head>
<title>Grade Calculator</title>
</head>
<body>
<h1>Grade Calculator</h1>
Term 1 Mark: <input type="text" id="txtnumber1" /><br /><br />
Term 2 Mark: <input type="text" id="txtnumber2" /><br /><br />
Term 3 Mark: <input type="text" id="txtnumber3" /><br /><br />
Final Exam Mark: <input type="text" id="txtnumber4" /><br /><br />
Term 1 Percentage: <input type="text" id="txtnumber5" /><br /><br />
Term 2 Percentage: <input type="text" id="txtnumber6" /><br /><br />
Term 3 Percentage: <input type="text" id="txtnumber7" /><br /><br />
<input type="button" value="Press Me" onclick="percentage();" /><br /><br />
<div id="divOutpuTotal"></div>
<div id="divOutputPercentage"></div>
<script>
function percentage() {
var total;
var total =
Number(document.getElementById("txtnumber1").value) +
Number(document.getElementById("txtnumber2").value) +
Number(document.getElementById("txtnumber3").value) +
Number(document.getElementById("txtnumber4").value);
document.getElementById("divOutpuTotal").innerHTML = total;
document.getElementById("divOutputPercentage").innerHTML = total / 4;
}
</script>
</body>
</html>
You can improve logic more based on your specific requirement.您可以根据您的具体要求更多地改进逻辑。
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.