Untitled

<!DOCTYPE html>
<html>

<head>

</head>
<body>
<input type="button" value="dalej" onclick="history.forward()">
<input type="button" value="wstecz" onclick="history.back()">
<input type="button" value="pink" onclick="zmien1()">
<input type="button" value="niebieski" onclick="zmien2()">
<input type="button" value="zielony" onclick="zmien3()">
<input type="button" value="biały" onclick="zmien4()">
<input type="text" id="pole" ><!--Pole tekstowe -->
<input type="text" id="pole3"><!--Pole tekstowe -->
<input type="button" value="sprawdź" onclick="sprawdź()">
<div id="text"> </div>

 <script>
	function zmien1()
	{
	document.bgColor='pink'
	}

function zmien2()
{
 document.bgColor='blue'
}
function zmien3()
	{
	document.bgColor='green'
	}
	function zmien4()
	{
	document.bgColor='white'
	}
function sprawdź()
{
var dane1=document.getElementById("pole").value

var dane2=document.getElementById("pole3").value

if(dane1>dane2)
document.getElementById("text").innerHTML="dane1>dane2"
else document.getElementById("text").innerHTML="dane2>dane1"
}

</script>
</body>
</html>