ABC do Codigo - Loteria com JavaScript

CRIAR JOGOS PARA LOTERIA EM JAVASCRIPT

Adicionado em 31/07/2023

Compartilhar em:

_________________________________

Aqui temos um pequeno exemplo de como criar jogos aleatórios para diferentes tipos de jogos de loteria, entre eles Mega Sena, Quina, Lotomania, e Dupla Sena.

Primeiro vamos criar um arquivo HTML que vai permitir escolher qual jogo queremos criar e quantas cartelas são necessárias. Para isso, utilize o código abaixo:

Este é o código HTML que cria a interface do usuário para o gerador de loteria. Ele contém uma lista suspensa para escolher o tipo de loteria, um campo numérico para escolher a quantidade de jogos a serem gerados, e dois botões: um para gerar os jogos e outro para imprimir os resultados.

Você pode salvar este arquivo com o nome que desejar com a extensão html. Aqui usamos Loteria.html

Agora vamos criar o código JavaScript que vai realizar a criação randômica dos jogos sem repetir tabelas.

const configuracoes = {
    'mega': { 'intervalo': 60, 'escolhas': 6 },
    'quina': { 'intervalo': 80, 'escolhas': 5 },
    'lotomania': { 'intervalo': 100, 'escolhas': 50 },
    'timemania': { 'intervalo': 80, 'escolhas': 10 },
    'suasena': { 'intervalo': 60, 'escolhas': 6 },
};

function getInteiroAleatorio(min, max) {
    min = Math.ceil(min);
    max = Math.floor(max);
    return Math.floor(Math.random() ∗ (max - min + 1)) + min;
}

function jogoExiste(jogos, jogo) {
    return jogos.some(g => JSON.stringify(g) === JSON.stringify(jogo));
}

function desenharCartela(jogo) {
    const divCartela = document.getElementById('cartela');
    const divJogo = document.createElement('div');

for (let i = 0; i < 10; i++) {
        const linha = document.createElement('div');
        linha.style.display = 'flex';

for (let j = 1; j <= 10; j++) {
            const numero = i ∗ 10 + j;
            const celula = document.createElement('div');
            celula.style.width = '40px';
            celula.style.height = '40px';
            celula.style.border = '1px solid black';
            celula.style.boxSizing = 'border-box';
            celula.style.textAlign = 'center';
            celula.style.lineHeight = '40px';

if (jogo.includes(numero)) {
                celula.style.backgroundColor = 'yellow';
            }

celula.textContent = numero;
            linha.appendChild(celula);
        }

divJogo.appendChild(linha);
    }

divCartela.appendChild(divJogo);
}

function gerar() {
    const loteria = document.getElementById('loteria').value;
    const quantidade = document.getElementById('quantidade').value;
    const divResultados = document.getElementById('resultados');
    const divCartela = document.getElementById('cartela');
    divResultados.innerHTML = '';
    divCartela.innerHTML = '';
    let jogosGerados = [];
    let novoJogo;

for (let i = 0; i < quantidade; i++) {
        do {
            novoJogo = gerarJogo(configuracoes[loteria]);
        } while (jogoExiste(jogosGerados, novoJogo));

jogosGerados.push(novoJogo);
        const p = document.createElement('p');
        p.textContent = `Jogo ${i + 1}: ${novoJogo.join(', ')}`;
        divResultados.appendChild(p);

if (loteria === 'lotomania') {
            desenharCartela(novoJogo);
        }
    }
}

function imprimirResultados() {
    const resultados = document.getElementById('resultados').innerHTML;
    const cartela = document.getElementById('cartela').innerHTML;

const janelaImpressao = window.open('', '_blank');
    janelaImpressao.document.write('<html><head><title>Resultados da Loteria</title>');
    janelaImpressao.document.write('</head><body>');
    janelaImpressao.document.write('<h1>Resultados da Loteria</h1>');
    janelaImpressao.document.write(resultados);
    janelaImpressao.document.write(cartela);
    janelaImpressao.document.write('</body></html>');
    janelaImpressao.document.close();

console.log('Imprimindo...');
    janelaImpressao.print();
}

Este é o código JavaScript que gera os números aleatórios para os jogos de loteria e os exibe na página. Você poderia testar o código com o jogo Lotomania no topo da página.

Você pode salvar este arquivo como loteria.js

Agora, você precisa garantir que os arquivos HTML e JavaScript estejam no mesmo diretório. O arquivo JavaScript é incluído no arquivo HTML com a tag <script src="loteria.js"></script> ao final do body do HTML.

Por fim, abra o arquivo lottery.html em um navegador para ver o gerador de loteria em ação. Você pode escolher o tipo de loteria e a quantidade de jogos a serem gerados, e então clicar no botão "Gerar" para gerar os jogos. Os resultados serão exibidos na página, e você pode imprimir os resultados clicando no botão "Imprimir resultados".

Contato