Oi, boa tarde pessoas! Eu segui aqui com o projeto sorteador de números e configurei o status da cor do botão para alterar quando o usuário clicar. Porém, agora gostaria de usar a opção de manter os botões desabilitados e abilitar somente quando necessário. O Sortear quando o programa for iniciado e o reiniciar abilitar quando o sorteio for efetuado com sucesso. Segue meu código javascript.
function sortear () {
let quantidade =parseInt(document.getElementById('quantidade').value);
let doNumero = parseInt(document.getElementById('de').value);
let ateNumero = parseInt(document.getElementById('ate').value);
if (doNumero >= ateNumero) {
alert('Campo "Do número" deve ser inferior ao campo "Até o número". Verifique!');
return;
}
if (quantidade > (ateNumero - doNumero + 1)) {
alert('Campo "Quantidade" deve ser menor ou igual ao intervalo informado no campo "Do número" até o campo "Até o número". Verifique!');
return;
}
let sorteados = [];
let numero;
for (let i = 0; i < quantidade; i++) {
numero = obterNumeroAleatorio(doNumero, ateNumero);
while (sorteados.includes(numero));
sorteados.push(numero);
}
let exibirSorteados = document.getElementById('resultado');
exibirSorteados.innerHTML = `<label class ="texto__paragrafo"> Números sorteados até agora: ${sorteados}</label>`;
alterarStatusBotao();
}
function obterNumeroAleatorio(min, max) {
min = Math.ceil(min);
max = Math.floor(max);
return Math.floor(Math.random() * (max - min + 1)) + min;
}
function alterarStatusBotao() {
let alterar = document.getElementById('btn-reiniciar');
if (alterar.classList.contains('container__botao-desabilitado')) {
alterar.classList.remove('container__botao-desabilitado');
alterar.classList.add('container__botao');
} else {
alterar.classList.remove('container__botao');
alterar.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();
}
Fico grato para quem puder ajudar!