Cyber Monday

ATÉ 40% OFF

TÁ ACABANDO!

0 dias

0 horas

0 min

0 seg

0
respostas

sugestão de mudança no projeto.

com o código feito na aula, ao clicar seguidamente em sortear, o botao reiniciar ficava mudando para ativo e inativo mesmo que n o usasemos. por isto fiz umas mudanças no código para que ele mude apenas quando

1º apertar sortear uma vez ele vai de inativo para ativo.

2º ao clicar no botão sortear novamente se o botão estiver ativo ele n muda mais para inativo.

3º ao clicar no botão reiniciar ele reinicia normalmente.

function sortear(){
    let quantidade = parseInt(document.getElementById('quantidade').value);
    let de = parseInt(document.getElementById('de').value);
    let ate = parseInt(document.getElementById('ate').value);

    let sorteados = [];
    let numero;

    for (let i=0; i <quantidade; i++) {
        numero = obterNumeroAleatorio(de, ate);

            while (sorteados.includes(numero)){
                numero = obterNumeroAleatorio(de, ate);
            }

        sorteados.push(numero);
    }

    let resultado = document.getElementById('resultado');
        resultado.innerHTML = `<label class="texto__paragrafo">Números sorteados: ${sorteados}</label>`;

    alterarStatusBotao();
}

function obterNumeroAleatorio(min, max) {
    return Math.floor(Math.random() * (max - min +1)) + min;
}

let botao = document.getElementById('btn-reiniciar');

function alterarStatusBotao() {
    
    if (botao.classList.contains("container__botao-desabilitado")) {
        botao.classList.remove("container__botao-desabilitado");
        botao.classList.add("container__botao");
    }
}

function alterarStatusBotaoInativo() {
    if (botao.classList.contains('container__botao')) {
        botao.classList.remove('container__botao');
        botao.classList.add('container__botao-desabilitado');

    }
}

function reiniciar() {
    document.getElementById('quantidade').value ='';
    document.getElementById('de').value ='';
    document.getElementById('ate').value ='';
    document.getElementById('resultado').innerHTML = '<label class="texto__paragrafo">Números sorteados:  nenhum até agora</label>';
    alterarStatusBotaoInativo();
}