Javascript

<!DOCTYPE html>
<html>

<head>
	<script>

	function calcFunction(a1,a2,t1,t2) {
		var AVG = ( ( ( a2 / a1 ) *.3 + ( t2 / t1 ) *.7 ) * 100.0 );
		letterGrade( AVG );
		document.getElementById("percent").innerHTML = AVG;
		}

	function letterGrade( x ){

		var z = "Remember, this is not your current score and it can change based on future grades.";

		if( avg >= 92.0) {
			var lg ="A";
			elem = document.getElementById("demo");
			elem.innerHTML = z;
			return lg;

		}

		else if ( avg < 92.0 && avg >= 84.0){
			var lg ="B";
			elem = document.getElementById("demo");
			elem.innerHTML = z;
			return lg;

		}

		else if ( avg < 84.00 && avg >= 76.00){
			var lg ="C";
			elem = document.getElementById("demo");
			elem.innerHTML = z;
			return lg;

		}

		else if ( avg < 76.00 && avg >= 68.00){
			var lg ="D";
			elem = document.getElementById("demo");
			elem.innerHTML = z;
			return lg;

		}

		else {
			var lg ="F";
			elem = document.getElementById("demo");
			elem.innerHTML = z;
			return lg;

		}
	}

		function resetFunction() {
			location.reload();
	}

	</script>
</head>

	<h1>Grade Calculator</h1>
	<h2>Matthew Rowe 466-2</h2>


<body>
<p>Enter your Scores and calculate your percentage thus far: </p>

	<table>
		<tr>
			<td>Total assignment points: <input type="text" name="assign1" id="assign1"></td>

			<td>Your assignment points:  <input type="text" name="assign2" id="assign2"></td>
		</tr>
		<tr>
			<td>Total test/quiz points: <input type ="number" name="test1" id="test1"></input></td>
			<td>Your test/quiz points:  <input type ="number" name="test2" id="test2"></input></td>
		</tr>
	</table>

		<form>
		<input type="button" onclick="calcFunction(assign1,assign2,test1,test2)" value="Calculate">
		<button type="button" onclick="resetFunction()">Reset</button>

		</form>
		<tr>
			<td>Your percentage thus far: <input type ="number" name="percent" id="percent"></input></td>
			<td>Your Letter grade thus far: <input type ="text" name="letter" id="letter"></input></td>
		</tr>

	<p id="demo"> </p>

</body>
</html>