1
resposta

[Projeto] Meu resultado do sorteador de números

Eu fiz uma pequena adição, adicionando um if abaixo da mensagem de resultado, fiz isso pra alterar a mensagem da label caso a quantidade de números sorteados fosse 1, não faria sentido exibir a mensagem no plural, o resultado completo ficou dessa forma:

function sortear (){
    let quantidade = parseInt(document.getElementById ("quantidade") .value);
    let doNumero = parseInt(document.getElementById ("de") . value);
    let ateONumero = parseInt(document.getElementById ("ate") . value);
    
    let sorteados = [];
    let numero;
    
    for (let i = 0; i < quantidade; i++) {
        numero = obterNumeroAleatorio (doNumero, ateONumero);
        
        while (sorteados.includes(numero)){
            numero = obterNumeroAleatorio (doNumero, ateONumero);
        }
        
        sorteados.push (numero);
    }
   
    let mensagemResultado = document.getElementById ('resultado');
   mensagemResultado.innerHTML = `<label class="texto__paragrafo">Números sorteados: ${sorteados}</label>`;

   if (quantidade == 1) {
    mensagemResultado.innerHTML = `<label class="texto__paragrafo">Número sorteado: ${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();
}
1 resposta

Oi, Alexandre!

Obrigada por compartilhar seu código com a comunidade Alura.

Foi uma boa você implementar o if pra ajustar a mensagem ao singular quando apenas um número é sorteado. Esse cuidado com os detalhes melhora a experiência da pessoa usuária e demonstra atenção à lógica aplicada no projeto.

Parabéns!

Conte com o apoio do Fórum na sua jornada. Abraços e bons estudos!

Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓

bons estudos