question archive write a program in javascript to find out the grades
Subject:Computer SciencePrice:2.87 Bought7
write a program in javascript to find out the grades.?
The MarkToGrad function scrapes the student mark out of the mark-input-box element and verifies it is realistic. ? A Mark must be number only, nonnegative, and less than 101. ? If an invalid mark is entered, it displays a message back to the user in the .validation-message element. ? Messages should be informative... return as many different messages as you can to guide the user what kind of erroneous value has entered ? If the user entered any value above 90 Grade A should be displayed as a result ? If user entered any value above 80 Grade B should be displayed ? If user entered any value above 70 Grade C should be displayed ? If user entered any value above 50 Grade D should be displayed ? If user entered any value less than 50 Grade F should be displayed ? Hint 1: In JavaScript, we can use the global parseInt function to try and convert a string to a number. ? Hint 2: Use exception handling. ? Hint 3: Use HTML and JavaScript
Answer:
// Save the code as filename.html and run on browser and check for outputs
<!DOCTYPE html>
<html>
<head>
<title> Marks to grades</title>
<script>
// Belwo function is called when the button is clicked
function checkGrades() {
// declare variables
var message, x;
message = document.getElementById("msg");
// firstly Empty the Message box
message.innerHTML = "";
// Store entered value in x using parsein() function to convert string to integer
x = parseInt(document.getElementById("mrk").value);
// Using Try accroding to question
try {
if(x == "") throw "Marks Can Not be Empty";
if(isNaN(x)) throw "Please Enter Numbers only";
x = Number(x);
if(x > 100) throw "Enter Marks Less than 101";
if(x >= 90) throw "Grade A";
if(x >= 80 && x < 90) throw "Grade B";
if(x >= 70 && x < 80) throw "Grade C";
if(x >= 50 && x < 60) throw "Grade D";
if(x < 50) throw "Grade F";
}
// Here the thrown message from try is catched and Shown to User
catch(err) {
message.innerHTML = err;
}
}
</script>
</head>
<body>
<div style="text-align: center; margin-top: 100px;">
<input id="mrk" type="text" placeholder="Enter here.....">
<button type="button" onclick="checkGrades()">Check Grades</button>
<p id="msg"></p>
</div>
</body>
</html>
SCREENSHOT OF CODE AND OUTPUT:
PFA