Código Jogo dos 15 – Gerado com a Turma U1

30 setembro, 2009 (22:01) | Sem categoria | Por: admin


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
		<title>Untitled Document</title>
		<style type="text/css">
			input  {
				width: 100px;
			}
		</style>
	</head>
	<body>
		<form id="meuForm" action="">

		</form>
		<script type="text/javascript">
			var criarBotoes = function () {
				var k = 1;
				// Criação das linhas
				for(i=0;i<4;i++) {
					// Criei um div na memória
					var meuDiv = document.createElement("div");
					// Obtive o formulário chamado 'meuForm'
					var meuForm = document.getElementById("meuForm");
					// Colocar o div dentro do form
					meuForm.appendChild(meuDiv);
					// Criação das colunas
					for(j=0;j<4;j++) {
						var meuBotao = document.createElement("input");
						meuBotao.setAttribute("type", "button");
						meuBotao.setAttribute("id", "bt"+k);
						meuBotao.setAttribute("value", k++);
						meuBotao.onclick = function () {
							alert("Fui clicado!");
							alert(this.value);
							alert(this.id);
						}
						meuDiv.appendChild(meuBotao);
					}
				}
			}
			criarBotoes();
		</script>
	</body>
</html>

Escreva um comentário