<!DOCTYPE html>
<html lang="en">
<head>
	<title>Assignment 6 Part 1</title>
	<meta charset="utf-8">
    <script type="text/javascript">

    var percentageGrade, Homework, Midterm, Final;
	function endResult()
	{
        var percentageGrade = document.getElementById("nm").value;
        var Homework = document.getElementById("homeworkscore").value;
        var Midterm = document.getElementById("midtermscore").value;
        var Final = document.getElementById("finalscore").value;

		var output = ((Homework/200*50) + (Midterm/100*20) + (Final/100*30));
        document.getElementById('output').innerHTML = output;
    }
	</script>
</head>

<body>
	<div id="header">
	<h2>Grade Calculator</h2>
	</div>

	<div id="main_content">
		<form name="convert">
        <p>Homework Score: <input type="text" id="homeworkscore" ></p>
        <p>Midterm Score: <input type="text" id="midtermscore" ></p>
        <p>Final Exam Score: <input type="text" id="finalscore" ></p>
      <p><input type="button" value="Go" onclick="function endResult()"></p>
             <p id="output"> </p>
        </form>
        </div>
</body>
</html>