Science Stream Practicals

Std 12th IT Subject - Skill Oriented Practical (Science Stream)

SOP 6: Create JavaScript program which computes the average marks of students

Accept six subject marks of student from user. Calculate average marks of student which is used to determine the corresponding grades.

Range Grade
35 to 60 F
61 to 70 D
71 to 80 C
81 to 90 B
91 to 100 A

Source Code: index.html

<!doctype html>
<html>

<head>
    <title>Applicaiton Form</title>
</head>
<script type="text/javascript">
    function Checkgrade() {
        var m1 = parseInt(f1.t1.value),
            m2 = parseInt(f1.t2.value),
            m3 = parseInt(f1.t3.value),
            m4 = parseInt(f1.t4.value),
            m5 = parseInt(f1.t5.value),
            m6 = parseInt(f1.t6.value),
            avg, grade;
        avg = (m1 + m2 + m3 + m4 + m5 + m6) / 6;
        if (avg >= 91) {
            grade = "A"
        } else if (avg >= 81) {
            grade = "B"
        } else if (avg >= 71) {
            grade = "C"
        } else if (avg >= 61) {
            grade = "D"
        } else if (avg >= 35) {

            grade = "F"
        }
        document.getElementById("avg").innerHTML = "Average Marks: " + avg;
        document.getElementById("grade").innerHTML = "Grade: " + grade;
    }
</script>

<body>
    <h1>Calculate Grade</h1>
    <form name="f1">
        Enter 1st Subject Marks <input type="number" name="t1"><br><br>
        Enter 2nd Subject Marks <input type="number" name="t2"><br><br>
        Enter 3rd Subject Marks <input type="number" name="t3"><br><br>
        Enter 4th Subject Marks <input type="number" name="t4"><br><br>
        Enter 5th Subject Marks <input type="number" name="t5"><br><br>
        Enter 6th Subject Marks <input type="number" name="t6">
        <p id="avg">Average Marks:</p>
        <p id="grade">Grade: </p>
        <input type="button" value="Check Grade" onclick="Checkgrade()">
    </form>
</body>

</html>

Live Preview