July 25, 2017
a javascript program to compute grade from a range of marks
In the following program, the user inputs his/her marks in a text box. The GPA is computed and shown in other box
index.html
<!DOCTYPE html>
<html>
<head>
<title>Untitled document</title>
<meta charset="utf-8" />
<script language="javascript" type="text/javascript">
function calculategpa()
{
var marks = document.getElementById("txtmarks").value;
var gpa = document.getElementById("txtgpa");
if(marks >= 50 && marks <= 60)
{
gpa.value = "E";
}
else if(marks >= 61 && marks <= 70)
{
gpa.value = "D";
}
else if(marks >= 71 && marks <= 80)
{
gpa.value = "C";
}
else if(marks >=81 && marks<=90)
{
gpa.value = "B";
}
else if(marks >=91)
{
gpa.value = "A";
}
}
</script>
</head>
<body>
<form action="" method="post" name="frm">
<table width="471" height="257" border="1">
<tr>
<td>Enter Marks</td>
<td><input type="text" name="txtmarks" id="txtmarks"></td>
</tr>
<tr>
<td>GPA</td>
<td><input type="text" name="txtgpa" id="txtgpa"></td>
</tr>
<tr>
<td> </td>
<td><input type="button" name="btn1" id="btn1" value="Calculate" onClick="calculategpa();"></td>
</tr>
</table>
</form>
</body>
</html>
Introduction to javascript
validating html object array using javascript
javascript based entry checks with messages
About Author
Osman Khalid
http://osman.pakproject.com