Procedimento A:
1. Copia o código e cola-o para os locais indicados HEAD e BODY.
2. Indenta o código e cria comentários relevantes.
3. Guarda o ficheiro HTML.
4. Abre-o no navegador e
5. Testa-o, jogando :)
Procedimento B:
1. Separa o Javascript para fora do ficheiro HTML.
2. Guarda o novo ficheiro com o nome adivinha.js.
3. Localiza (traduzir para PT) os dois ficheiros adivinha.html e adivinha.js.
3. Abre o adivinha.html no navegador e
4. Testa-o, jogando :)
Para o HEAD:
<!DOCTYPE html>
<meta charset="utf-8">
<script>
var RNumber;
var RTries;
limit = 50;
function Random()
{
today = new Date();
num = today.getTime();
num = Math.round(Math.abs(Math.sin(num) * 1000000)) % limit;
return num;
}
function Init()
{
RNumber = Random();
RTries = 0;
document.FGame.Output.value='Estou a pensar num numero entre 0 e ' + (limit-1) +'. Tenta adivinhar qual é?';
document.FGame.Tries.value=RTries;
document.FGame.HighLow.value='';
document.FGame.Input.value='';
}
function Game(Number)
{
if(Number==RNumber)
{
RTries++;
document.FGame.Output.value='Acertaste em ' + RTries + ' tentativas! Era o numero ' + RNumber + '! Clica em Recomeçar para jogar outra vez';
document.FGame.HighLow.value='Certoooooooooo!';
}
else
{
RTries++;
document.FGame.Output.value='Não, ' + Number + ' não é o numero em que estou a pensar!';
document.FGame.HighLow.value=(RNumber > Number) ? 'mais alto!' : 'mais baixo!';
document.FGame.Tries.value=RTries;
}
}
</script>
Para o Body:
<center>
<FORM NAME="FGame">
<h1>O Jogo do Adivinha</h1>
<h2>Área de mensagens:</h2>
<INPUT TYPE="txt" NAME="Output" VALUE="" Size="60"><br><br>
O número é <INPUT TYPE="txt" NAME="HighLow" VALUE='' Size="10"><br><br>
Nº de tentativas: <INPUT TYPE="txt" NAME="Tries" VALUE="0" SIZE="2"> <br><br>
<hr>
<br>
<INPUT TYPE="button" NAME="init" VALUE="1. Iniciar / Re-iniciar " OnClick="Init()"><br><br>
2. Escreve o número do teu palpite:
<INPUT TYPE="txt" NAME="Input" VALUE='' Size="10"><br><br>
Podes usar este teclado para escrever o número:<br><br>
<INPUT TYPE="button" NAME="one" VALUE=" 1 " OnClick="FGame.Input.value += 1">
<INPUT TYPE="button" NAME="one" VALUE=" 2 " OnClick="FGame.Input.value += 2">
<INPUT TYPE="button" NAME="one" VALUE=" 3 " OnClick="FGame.Input.value += 3"><br>
<INPUT TYPE="button" NAME="one" VALUE=" 4 " OnClick="FGame.Input.value += 4">
<INPUT TYPE="button" NAME="one" VALUE=" 5 " OnClick="FGame.Input.value += 5">
<INPUT TYPE="button" NAME="one" VALUE=" 6 " OnClick="FGame.Input.value += 6"><br>
<INPUT TYPE="button" NAME="one" VALUE=" 7 " OnClick="FGame.Input.value += 7">
<INPUT TYPE="button" NAME="one" VALUE=" 8 " OnClick="FGame.Input.value += 8">
<INPUT TYPE="button" NAME="one" VALUE=" 9 " OnClick="FGame.Input.value += 9"><br>
<INPUT TYPE="button" NAME="one" VALUE=" 0 " OnClick="FGame.Input.value += 0"><br><br>
<INPUT TYPE="button" NAME="DoIt" VALUE="3. Verificar! " OnClick="Game(FGame.Input.value); FGame.Input.value=''"><br><br>
</FORM>
<hr>
<h3>Instruções:</h3>
1. Clica em Iniciar/Re-iniciar<br>
2. Clica nos botões com os números ou escreve diretamente<br>
3. Clica em Verificar!<br>
4. Repete os passos 2 e 3 até acertares no número<br>
<hr>
<br>
</center>
Jogo retirado de: www.jsmadeeasy.com/javascripts/Games/Random%20Number/index.htm em jan2013
Podes descarregar o ficheiro HTML completo, a partir daqui: