Java Script Counter

Desired Output

Source Code



<!doctype html>
<html>
	<head>
		<style>
		#counter
		{
			margin:auto;
			width:100px;
			height:100px;
			font-size:60px;
			border:2px solid red;
			text-align:center;
			padding-top:20px;
		}
		</style>
		<script>
			var count=0;
			function increase()
			{
				count++;
				document.getElementById("counter").innerHTML=count;
			}
			function decrease()
			{
				count--;
				document.getElementById("counter").innerHTML=count;
			}
		</script>
	</head>
	<body>
		<div id="counter">
			0
		</div>
		<br>
		<p align="center">
			<input type="button" value="Increase" onclick="increase()">
			<input type="button" value="Decrease" onclick="decrease()">
		</p>
	</body>
</html>