Eu tentei resolver o desafio antes de ver os videos e ficou assim
function sortear() {
let quantosNumeros = parseInt(document.getElementById("quantidade").value);
let menorNumero = parseInt(document.getElementById("de").value);
let maiorNumero = parseInt(document.getElementById("ate").value);
let numerosSorteados = [];
while (numerosSorteados.length < quantosNumeros) {
let sorteio = Math.floor(Math.random() * (maiorNumero - menorNumero + 1)) + menorNumero;
numerosSorteados.push(sorteio);
console.log(numerosSorteados)
}
document.getElementById("resultado").innerHTML =
"Números sorteados: " + numerosSorteados.join(", ");
let botao = document.getElementById("btn-reiniciar");
botao.classList.remove("container__botao-desabilitado");
botao.classList.add("container__botao");
}
function limparCampo() {
document.getElementById("quantidade").value = '';
document.getElementById("de").value = '';
document.getElementById("ate").value = '';
}
function reiniciar() {
limparCampo();
document.getElementById("resultado").innerHTML =
"Números sorteados: nenhum até agora";
}
Depois de assistir os videos notei que tinham coisas faltando no meu código
- O mesmo número podia ser sorteado várias vezes no meu
- O botão de reiniciar não voltava a deixar o "reiniciar" desabilitado
- O texto embaixo com o resultado estava aparecendo sem seguir as configurações visuais da página, aparecendo de forma bem menor
Então eu consertei essas partes mantendo a forma como eu tinha feito e criei também uma função para habilitar e desabilitar o botão pra não ter que ficar repetindo. O código ficou assim:
function sortear() {
let quantosNumeros = parseInt(document.getElementById("quantidade").value);
let menorNumero = parseInt(document.getElementById("de").value);
let maiorNumero = parseInt(document.getElementById("ate").value);
let numerosSorteados = [];
while (numerosSorteados.length < quantosNumeros) {
let sorteio = Math.floor(Math.random() * (maiorNumero - menorNumero + 1)) + menorNumero;
if (!numerosSorteados.includes(sorteio)) {
numerosSorteados.push(sorteio);
}
console.log(numerosSorteados)
}
let resultado = document.getElementById("resultado");
resultado.innerHTML = ` <label class="texto__paragrafo">Números sorteados: ${numerosSorteados} </label> `
mudarStatusBotao(true) ;
}
function mudarStatusBotao(ativar) {
let botao = document.getElementById("btn-reiniciar");
if (ativar) {
botao.classList.remove("container__botao-desabilitado");
botao.classList.add("container__botao");
} else {
botao.classList.remove("container__botao");
botao.classList.add("container__botao-desabilitado");
}
}
function limparCampo() {
document.getElementById("quantidade").value = '';
document.getElementById("de").value = '';
document.getElementById("ate").value = '';
}
function reiniciar() {
limparCampo();
resultado = document.getElementById("resultado");
resultado.innerHTML = ` <label class="texto__paragrafo">Números sorteados: nenhum até agora </label> `
mudarStatusBotao(false) ;
}
Conte com o apoio da comunidade Alura na sua jornada. Abraços e bons estudos!