Untitled

<!DOCTYPE html>
<html>
<head>

<title>EV Tracker</title>

<style>
body { background-color:white;}
p { color:purple; text-align: center;}
h1 {font-size:36px; color:red;text-align: center;}
h2 {color:red;text-align: center;}
table,th,td
{
border:1px solid black;
}
</style>

<meta name="author" content="Jake Oakes">
<meta name="description" content="Free Online Pokemon EV Tracker">

</head>
<body>
<div id="container" style="width:500px;background-color:white">
	<!--Coded form scratch by Jake Oakes, Pokemon MASTER!-->
	<div id="header" style="background-color:yellow;width:500px;height:72px;">
		<h1>EV Tracker</h1>
	</div>
	<div id="menu" style="background-color:#FFA500;height:600px;width:125px;float:right;">
		<b>Menu</b><br>
		<a href="Illaddthislater.com">How to EV Train</a><br>
		<a href="Illaddthislater.com">About This Site</a>
	</div>
	<div id="content" style="width:375px;height:600px;float:left;background-color:green;">

		<br>
		<table style="width:300px;background-color:#100000;">
			<tr>
				<th><p>Attack</p></th>
				<th><p>Special Attack</p></th>
				<th><p>Defense</p></th>
				<th><p>Special Defense</p></th>
				<th><p>HP</p></th>
				<th><p>Speed</p></th>
			</tr>
			<tr>
				<th><p id="atkD">0</p></th>
				<th><p id="spaD">0</p></th>
				<th><p id="defD">0</p></th>
				<th><p id="spdD">0</p></th>
				<th><p id="hpD">0</p></th>
				<th><p id="speD">0</p></th>
			</tr>
		</table>
		<form>
			<p style="text-align:left;"> Attack: <input type="number" id="atk"><br>
			Special Attack: <input type="number" id="spa"><br>
			Defense: <input type="number" id="def"><br>
			Special Defense: <input type="number" id="spd"><br>
			HP: <input type="number" id="hp"><br>
			Speed: <input type="number" id="spe"><br>
			</p>
		</form>
		<button type="button" onClick="buttonClickFunc()">Submit</button>
	</div>
	<div id="footer" style="width:500px;height:40px;float:left;background-color:yellow;">
		<p>Jake Oakes - EV Tracker</p>
	</div>
</div>
<script>
	var atk = 0;
	var spa = 0;
	var def = 0;
	var spd = 0;
	var hp = 0;
	var spe = 0;
function buttonClickFunc()
{
	atk += document.getElementById('atk').value;
	spa += document.getElementById('spa').value;
	def += document.getElementById('def').value;
	spd += document.getElementById('spd').value;
	hp += document.getElementById('hp').value;
	spe += document.getElementById('spe').value;
	document.getElementById("atkD").innerHTML = atk;
	document.getElementById("spaD").innerHTML = spa;
	document.getElementById("defF").innerHTML = def;
	document.getElementById("spdD").innerHTML = spd;
	document.getElementById("hpD").innerHTML = hp;
	document.getElementById("speD").innerHTML = spe;
}