Untitled

<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>laba 8</title>
</head>
<body>
	<script>
		var n;
		var mas=new Array("Красный", "Желтый", "Голубой", "Белый", "Зеленый");
		var i=0;
		function out(n){
			it.value=" ";
			it.value=mas[n-1];
		}
		function out2(){
			it.value=" ";
			it.value=mas[i];
			i++;
			if(i>4) i=0;
		}
	</script>
	<center><div class="a" style="width:300px; border: 1px #000 solid; height: 150px; ">
		<div class="b" style="width:200px;height: 50px; text-align: left; margin-left: 50px;"><p onmouseover="document.title = 'onmouseover'; out(1)" onmouseout="document.title = 'onmouseout'; out(5)" style="margin-left: 10px;">Цвета</p>
			<div><input onchange="document.title = 'onchange'; out(2)" onselect="document.title = 'onselect'; out(3)" type="text"  id="it" value="" maxlength="100"></input></div>
			<button ondblclick="document.title = 'ondblclick'; out(4)" style="float: left; margin-top: 10px">OK</button><button onclick="alert(mas)" style="float: right; margin-top: 10px">ПРОСМОТР</button>
			<button onclick="out2()" style="float: center; margin-top: 10px">ПРОСМОТР2</button>
		</div>
	</div></center>
</body>
</html>