Untitled

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8"/>
    <title>Percentage grade calculator</title>
    <script>
        function percentageGrade()
        {
            var HwScore = parseFloat("HwScore");
            var MtScore = parseFloat("MtScore");
            var Fscore = parseFloat("Fscore");
            var MT = parseFloat("MT");
            var F = parseFloat("F");
            var H = parseFloat("H");


            H = document.getElementById("HwScore").value;
            HwScore = ((H / 200) * 0.50);

            MT = document.getElementById("MtScore").value;
            MtScore = ((MT / 100) * 0.20);

            F = document.getElementById("Fscore").value;
            Fscore = ((F / 100) * 0.30);

    var CalculateGrade = (HwScore + MtScore + Fscore) * 100;

            const final = document.getElementById("final");
            final.innerHTML = ("Your overall grade is " + parseFloat(CalculateGrade) + "&#37");

        }


    </script>
</head>
<body>
    <h1>Percentage grade calculator</h1>
<form>
<p> Enter your total Homework score: <input type="text" id="HwScore" name="Homework score"></p>
    <p> Enter your midterm score: <input type="text" id="MtScore" name="Midterm score"></p>
    <p> Enter your Final score: <input type="text" id="Fscore" name="Final score"></p>
    <p> <input type="button" value="Calculate Grade" name="Calculate Grade" onclick="percentageGrade()"></p>
    <p id ="final"></p>
</form>

</body>
</html>