<html>
<body>
<h1>Calculate Grade point</h1>
<h2>Please Enter Marks </h2>
Marks:
<input type="text" id="marks">
<br><br><br>
Grade Point:
<input type="text" id="gp" disabled>
<br><br><br>
<button onclick="calculate()">Calculate Grade Point</button>
<script>
function calculate()
{
let marks = parseInt(document.getElementById("marks").value);
if (marks >= 90)
{
document.getElementById("gp").value = 4.0;
} else if (marks >= 80)
{
document.getElementById("gp").value = 3.7;
} else if (marks >= 70)
{
document.getElementById("gp").value = 3.3;
} else if (marks >= 60)
{
document.getElementById("gp").value = 3.0;
} else if (marks >= 50)
{
document.getElementById("gp").value = 2.7;
} else if (marks >= 40)
{
document.getElementById("gp").value = 2.3;
} else if (marks >= 30)
{
document.getElementById("gp").value = 2.0;
} else if (marks >= 20)
{
document.getElementById("gp").value = 1.7;
} else if (marks >= 10)
{
document.getElementById("gp").value = 1.3;
} else
{
document.getElementById("gp").value = 0.0;
}
}
</script>
</body>
</html>