1
resposta

Resolução

function sortear() {
    let listaNumeros = [];
    let numero;

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


    while (listaNumeros.length < quantidade) {
        numero = obterNumeroAleatorio(de, ate);
        if (!listaNumeros.includes(numero)) {
            listaNumeros.push(numero);
        } 
    }

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

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 obterNumeroAleatorio(min, max) {
    return parseInt(Math.random() * (max - min + 1) + min);
}

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();
}

Garanta sua matrícula hoje e ganhe + 2 meses grátis

Continue sua jornada tech com ainda mais tempo para aprender e evoluir

Quero aproveitar agora
1 resposta

Oi, Ana! Como vai?

Agradeço por compartilhar.

Seu código ficou excelente e mostra uma ótima compreensão da manipulação de DOM e funções em JavaScript. Gostei de como você implementou a verificação pra evitar números repetidos e o controle de habilitar e desabilitar o botão, que deixa a interação mais fluida.

Continue praticando esse tipo de projeto, pois ele reforça tanto a lógica quanto o dinamismo da interface.

Alura Conte com o apoio da comunidade Alura na sua jornada. Abraços e bons estudos!