1
resposta

[Projeto] mão na massa

Meu código completo ficou da seguinte maneira:

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

    if (de >= ate) {
        alert('Campo "Do número" deve ser inferior ao campo "Até o número". Tente novamente');
        reiniciar()
        return;
      }

     let sorteados = [];
     let numero;
     let intervalo = ate - de;

     if (quantidade <= intervalo) {
         for (let i = 0; i < quantidade; i++) {
             numero = obterNumeroAleatorio(de, ate);
     
             while (sorteados.includes(numero)) {
                 numero = obterNumeroAleatorio(de, ate);
             }
     
             sorteados.push(numero);
         }
     } else {
         alert("Não é possível sortear essa quantidade!");
         return;
     }
        
        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;
    }

    function alterarStatusBotao() {
        let botao = document.getElementById('btn-reiniciar');
        if (botao.classList.contains('container__botao-desabilitado')) {
                botao.classList.remove('container__botao-desabilitado');
                botao.classList.add('container__botao');
        } else {
                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>';
    alterarStatusBotao();
}

Alterei um pouco a cor do background também no css.

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

1 resposta

Oi Mayra,

Seu código está muito bom 👍!

A lógica para validar os campos e gerar os números aleatórios está bem implementada.

A função alterarStatusBotao para habilitar e desabilitar o botão também está funcionando corretamente. 💪

Para saber mais: Validação de formulários em JavaScript - Este link aborda como realizar a validação de formulários utilizando JavaScript, o que pode ser útil para aprimorar seu projeto.

Continue praticando e explorando novas funcionalidades! 💻