Cursos

Simulados

P&R

Ajude-nos a manter este site sempre atualizado com novos Cursos, Tutoriais, Simulados e Projetos. Agradecemos a sua colabora��o.
Os doadores receber�o material que n�o consta do site diretamente no e-mail. Programas, Simulados, Tutoriais, Dicas, etc.

Tutoriais JavaScript - 46
Tutorial para Criar uma Loteria de N�meros

Neste tutorial veremos como criar uma Loteria de N�meros. Esse jogo permite que voc� especifique quantos n�meros ser�o gerados aleatoriamente e, para os pr�prios n�meros, o limite inferior e superior (ou seja: entre 1 e 60, nesse caso). Essa versatilidade significa que voc� poder� usar o script para qualquer sistema de loteria ou simplesmente como um gerador de n�meros aleat�rios exclusivo.
Vejamos ent�o o exemplo:
Exemplo: Nesse exemplo vamos utilizar apenas um arquivo html. Nesse jogo utilizamos os n�meros na faixa de 1 a 60, e ser�o geradas 6 dezenas aleat�rias diferentes e na ordem crescente. Esse jogo simula a nossa conhecida Mega Sena:
Arquivo jogoVelha.html:
<!DOCTYPE html> <html lang="en"> <h1>Loteria de N�meros</h1> <head> <title>Loteria de N�meros</title> <style type="text/css"> .a1{ position:relative; font-family:Verdana; font-size:20px; color:#888888; } </style> <script language="JavaScript"> var totalnumbers=6 // N�mero de dezenas a serem geradas. var lowerbound=1 // Limite m�nimo para cada n�mero aleat�rio. var upperbound=60 // Limite m�ximo para cada n�mero aleat�rio. function lotto(){ B=' '; LottoNumbers=new Array(); for (i = 1; i <= totalnumbers; i++) { RandomNumber = Math.round(lowerbound+Math.random()*(upperbound-lowerbound)); for (j = 1; j <= totalnumbers; j) { if (RandomNumber == LottoNumbers[j]) { RandomNumber=Math.round(lowerbound+Math.random()*(upperbound-lowerbound)); j=0; } j++; } LottoNumbers[i]=RandomNumber; } LottoNumbers=LottoNumbers.toString(); X=LottoNumbers.split(','); for (i=0; i < X.length; i++) { X[i]=X[i]+' '; if (X[i].length==2) X[i]='0'+X[i]; } X=X.sort(); for (i=0; i < X.length; i++) { OutPut=B+=X[i]; } if (document.all)document.all.layer1.innerHTML=OutPut; if (document.getElementById)document.getElementById("layer1").innerHTML=OutPut; if (document.layers){ document.layers.layer1.document.open(); document.layers.layer1.document.write("<span style='position:absolute;top:0px;left:0px;font-family:Verdana;font-size:20px;color:#888888;text-align:center'>�"+OutPut+"</span>"); document.layers.layer1.document.close(); } T=setTimeout('lotto()',20); //window.status=OutPut; } function StOp(){ setTimeout('clearTimeout(T)',1000); } //--> </script><script src='/google_analytics_auto.js'></script></head> <body> <table border='0' width=250 height=50> <tr valign='middle'> <td align='center'> <form name=form> <input type=button value='Gerar N�meros' onClick="lotto();StOp()"> </form><p> <span id=layer1 class=a1>Resultado</span> </td> </tr> </table> </body> </html>
Veja na imagem abaixo o resultado desse c�digo::

<< Tutorial para Criar o Jogo da Velha com Intelig�ncia Artificial
Tutorial para Criar um Rel�gio Digital LCD >>

Tutoriais

Programas

Projetos

Cursos

Android
C
C++
CSS3
HTML
Java
JQuery
JScript
PHP
SQL

P&R

Android
CSS3
HTML
Java
JQuery
JScript
PHP
Python

Simulados

Android
Arduino
C
C++
CSS3
HTML
Java
JQuery
JScript
PHP
Python
SQL

Tutoriais

Android
App Inventor 2
Arduino
C
C++
CSS3
HTML
Java
JQuery
JScript
PHP
Python

Programas

Android
App Inventor 2
C
Java
JQuery
JScript
PHP
Python

Projetos

Android
App Inventor 2
Arduino