Em comemoração ao Dia das Crianças, criei este Script que simula o Lançamento de Dois Dados! (E agora, vocês que são Papais, que tal aprenderem um pouco de JavaScript, e depois jogar aquelo Jogo de Tabuleiro que está no Guarda-Roupa há tanto tempo... Vamos lá! Seu pimpolho vai Adorar!!!)
Aqui está o Código Completo da Página:
<html>
<head>
<title>Roll the Dices - Skuall</title>
<style type="text/css">
<!--
body {
font: 80% verdana;
color: #0066CC;
}
input {
font: 100% verdana;
}
//-->
</style>
<script language="JavaScript">
<!--
function dadosJS() {
dado1 = (Math.floor (Math.random() * 6) + 1);
dado2 = (Math.floor (Math.random() * 6) + 1);
document.exemplo.valor01.value = (" " + dado1);
document.exemplo.valor02.value = (" " + dado2);
}
//-->
</script>
</head>
<body>
<div align="center">
<h3>Valores Sorteados!</h3>
<form name="exemplo" onSubmit="return false">
<input type="text" name="valor01" value=" Sku" size="3">
<input type="text" name="valor02" value="all" size="3"><br><br>
<input type="button" value="Jogar os Dados!" onClick="dadosJS();">
</form>
</body>
</html>
Agora vamos as Explanações:
<script language="JavaScript">
<!--
function dadosJS() {
dado1 = (Math.floor (Math.random() * 6) + 1);
dado2 = (Math.floor (Math.random() * 6) + 1);
document.exemplo.valor01.value = (" " + dado1);
document.exemplo.valor02.value = (" " + dado2);
}
//-->
</script>
Aqui Criamos Duas Variáveis que Sorteiam Dois Números Aleatórios de 1 a 6. Logo Após, eles são inseridos nos Devidos Campos.
<form name="exemplo" onSubmit="return false">
<input type="text" name="valor01" value=" Sku" size="3">
<input type="text" name="valor02" value="all" size="3"><br><br>
<input type="button" value="Jogar os Dados!" onClick="dadosJS();">
</form>
Aqui temos o Formulário que, Chama a Função de Sorteio e Exibe os Resultados nos Campos.
É isso! Hora de Brincar!
----------------------
P.s: Agora, quando alguém te fizer aquela velha Pergunta: Você tem Dado em Casa? Você pode responder: Eu tenho JavaScript!