admin管理员组文章数量:1414901
Can anyone please help me in this problem.
Write a program that takes input from user to read roll no and marks of 5 subjects and calculate the total and Average of the marks. Making sure that each subject marks are not greater than 100. Then making grading system. You have to calculate grade on the basis of average.
You have to print the grade according to the following criteria:
If average is greater than 80 and less than 100, Grade is A
If average is greater than 75 and less than 80, Grade is B
HERE IS MY CODE: How can I include conditions in this code.
function grading() {
var val1 = parseInt(document.getElementById("num1").value);
var val2 = parseInt(document.getElementById("num2").value);
var val3 = parseInt(document.getElementById("num3").value);
var val4 = parseInt(document.getElementById("num4").value);
var final = val1 + val2 + val3 + val4;
document.getElementById("result").innerHTML = +final + " / 400 ";
}
function average() {
var val1 = parseInt(document.getElementById("num1").value);
var val2 = parseInt(document.getElementById("num2").value);
var val3 = parseInt(document.getElementById("num3").value);
var val4 = parseInt(document.getElementById("num4").value);
var final1 = val1 + val2 + val3 + val4;
var total = final1 / 4;
document.getElementById("avrg").innerHTML = +total;
}
HTML Code :
<body>
<label>English</label>
<input type="text" id="num1"><br>
<label>English</label>
<input type="text" id="num2"><br>
<label>English</label>
<input type="text" id="num3"><br>
<label>English</label>
<input type="text" id="num4"><br>
<button onClick="grading()">Total</button>
<p id="result"></p><br>
<button onClick="average()">Average</button><br>
<p id="avrg"></p>
<button onClick="system()">Grade</button><br>
<p id="grad"></p>
</body>
Can anyone please help me in this problem.
Write a program that takes input from user to read roll no and marks of 5 subjects and calculate the total and Average of the marks. Making sure that each subject marks are not greater than 100. Then making grading system. You have to calculate grade on the basis of average.
You have to print the grade according to the following criteria:
If average is greater than 80 and less than 100, Grade is A
If average is greater than 75 and less than 80, Grade is B
HERE IS MY CODE: How can I include conditions in this code.
function grading() {
var val1 = parseInt(document.getElementById("num1").value);
var val2 = parseInt(document.getElementById("num2").value);
var val3 = parseInt(document.getElementById("num3").value);
var val4 = parseInt(document.getElementById("num4").value);
var final = val1 + val2 + val3 + val4;
document.getElementById("result").innerHTML = +final + " / 400 ";
}
function average() {
var val1 = parseInt(document.getElementById("num1").value);
var val2 = parseInt(document.getElementById("num2").value);
var val3 = parseInt(document.getElementById("num3").value);
var val4 = parseInt(document.getElementById("num4").value);
var final1 = val1 + val2 + val3 + val4;
var total = final1 / 4;
document.getElementById("avrg").innerHTML = +total;
}
HTML Code :
<body>
<label>English</label>
<input type="text" id="num1"><br>
<label>English</label>
<input type="text" id="num2"><br>
<label>English</label>
<input type="text" id="num3"><br>
<label>English</label>
<input type="text" id="num4"><br>
<button onClick="grading()">Total</button>
<p id="result"></p><br>
<button onClick="average()">Average</button><br>
<p id="avrg"></p>
<button onClick="system()">Grade</button><br>
<p id="grad"></p>
</body>
1 Answer
Reset to default 2You have to create the function to show the final grade. Declare the variable total so that you can check that inside the function to show the expected grade.
Condition for the range 80 to 100 - Grade A
if(total >= 80 && total <= 100)
Condition for the range 75 to 79 - Grade B
else if(total >= 75 && total < 80)
Please Note: I have change the function name from system to gradeFinal which is more meaningful. I will also suggest you to use textContent instead of innerHTML which is more faster and predictable.
You can try the following way:
function grading(){
var val1 = parseInt(document.getElementById("num1").value);
var val2 = parseInt(document.getElementById("num2").value);
var val3 = parseInt(document.getElementById("num3").value);
var val4 = parseInt(document.getElementById("num4").value);
var final = val1 + val2 + val3 + val4;
document.getElementById("result").textContent = +final + " / 400 ";
}
var total;
function average(){
var val1 = parseInt(document.getElementById("num1").value);
var val2 = parseInt(document.getElementById("num2").value);
var val3 = parseInt(document.getElementById("num3").value);
var val4 = parseInt(document.getElementById("num4").value);
var final1 = val1 + val2 + val3 + val4;
total = final1 / 4;
document.getElementById("avrg").textContent = +total;
}
function gradeFinal(){
if(total >= 80 && total <= 100)
document.getElementById("grad").textContent = 'A';
else if(total >= 75 && total < 80)
document.getElementById("grad").textContent = 'B'
}
document.querySelectorAll('input[type=text]').forEach(function(input){
input.addEventListener('input',limitRange);
});
function limitRange() {
if (this.value < 0) this.value = 0;
if (this.value > 100) this.value = 100;
}<label>English</label>
<input type="text" id="num1"><br>
<label>English</label>
<input type="text" id="num2"><br>
<label>English</label>
<input type="text" id="num3"><br>
<label>English</label>
<input type="text" id="num4"><br>
<button onClick="grading()">Total</button>
<p id="result"></p><br>
<button onClick="average()">Average</button><br>
<p id="avrg"></p>
<button onClick="gradeFinal()">Grade</button><br>
<p id="grad"></p>本文标签： htmlGrading system in JavascriptStack Overflow
版权声明：本文标题：html - Grading system in Javascript - Stack Overflow 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.betaflare.com/web/1745167240a2645755.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。
发表评论