Criando uma mega-sena com JavaScript

Eae pessoal hoje vou ensinar a vocês a como fazer um joguinho simples de Mega-Sena, como devem saber é preciso escolher 6 números de 1 até 60. chega de papo vamos ao que interessa
Primeiramente vamos criar uma DIV para exibir nossos números sorteados com o simples código abaixo:
<div id='num'> </div>
como podem ver eu só pus uma ID na div o que é o mínimo nescessário.
agora vamos adicionar um botão para gerar nossos números
<button Onclick='gerar()'>Sortear Valores</button>
Visualização do nosso botão (A div é invisível):

Agora vamos criar o nosso cérebro do script, o JAVASCRIPT !
para isso vamos usar o nosso script simples com uma função recursiva (que chama a si mesma), bom vamos ao código explicado:
<script> function gerar() {//declaracao de funcao var qnt = 0;//define a variavel qnt como uma variavel numerica com valor 0 var nums = []; //define um array vazio chamado nums (Array é uma variável que contém diversos valores indexados while(qnt<6){ //Aqui dizemos que enquanto a variavel qnt tiver o valor menor que 6 rê-executamos o código var num = Math.round((Math.random()*100)+1); // Aqui usamos o Math.random para gerar um numero depois multiplicamos por 100 e somamos 1, após isso arredondamos o numero (Math.random gera numeros entre 0 e 1, por isso precisamos arredondar) e guardamos na variavel num if(num<60){//Aqui definimos que somente quando a variavel num tiver o valor menor do que 60 faremos o que está entre colchetes nums[qnt] = num; //aqui guardamos o numero sorteado dentro da posição correspondente ao numero sorteado Ex: sorteado: 1, posição: 3 resultado gerado: nums[3] = 1; qnt = qnt+1; //elevamos o valor de qnt em 1 digito para podermos gerar um novo numero } } document.getElementById('num').innerHTML = nums[0]+" "+nums[1]+" "+nums[2]+" "+nums[3]+" "+nums[4]+" "+nums[5];//exibimos todos os números gerados } </script>
agora vamos ao teste !