1
resposta

Resolução de Atividades "11 Faça como eu fiz: alterando o status do botão"

function sortear() {

let quantidade = parseInt (document.getElementById ("quantidade").value);
let numeroInicial = parseInt (document.getElementById ("de").value);
let numeroFinal = parseInt (document.getElementById ("ate").value);

let sorteados = [];
let numeroAleatorio;

for (let i = 0; i < quantidade; i++) {

    numeroAleatorio = obterNumeroAleatorio (numeroInicial, numeroFinal);

    while (sorteados.includes (numeroAleatorio)) {

        numeroAleatorio = obterNumeroAleatorio (numeroInicial, numeroFinal);
    }
    
    sorteados.push (numeroAleatorio);
}

let resultados = document.getElementById ("resultado");
resultados.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 botaoReiniciar = document.getElementById ("btn-reiniciar");

if (botaoReiniciar.classList.contains ("container__botao-desabilitado") ) {

    botaoReiniciar.classList.remove ("container__botao-desabilitado");
    botaoReiniciar.classList.add ("container__botao");
}

else {

    botaoReiniciar.classList.remove ("container__botao");
    botaoReiniciar.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, Victor! Como vai?

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

Gostei de como você implementou a lógica para gerar os números sorteados e também a parte de alternar o status do botão. A função alterarStatusBotao() está bem estruturada para habilitar e desabilitar o botão de reiniciar de acordo com a interação. Isso traz uma experiência de usuário mais fluida.

Continue empenhado e não hesite em retornar ao fórum sempre que tiver dúvidas ou quiser compartilhar mais insights.

Abraços e bons estudos!