Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

Estou com problema na classList

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

    let sorteados = [];
    let numero;

    for(let i = 0; i < quantidade; i++){
        numero = obterDoNumeroAleatorio(de, ate);
        
        while(sorteados.includes(numero)){
            numero = obterDoNumeroAleatorio(de, ate);
        }

        sorteados.push(numero);
    }

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

function obterDoNumeroAleatorio(min, max){
    return Math.floor(Math.random() * (max - min + 1)) + min;
}

function alterarBotao() {
    let botao = getElementById('btn-reiniciar');
    if (botao.classList.contains('container__botao-desabilitado')) {
        botao.classList.remove('container__botao-desabilitado');
        botao.classList.add('container__botao');
    } 
    else {
        botao.classList.add('container__botao-desabilitado');
        botao.classList.remove('container__botao');
    }
}

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>';
}

A classList não está funcionado.

1 resposta
solução!

Oi Diogo,

O problema está na função alterarBotao. Você está usando getElementById sem o document., o correto seria document.getElementById('btn-reiniciar'). 👍

Além disso, sugiro que você simplifique a lógica de adicionar e remover as classes. Você pode usar o método toggle do classList, que adiciona a classe se ela não existir e remove se ela existir.

Veja como ficaria:

function alterarBotao() {
    let botao = document.getElementById('btn-reiniciar');
    botao.classList.toggle('container__botao-desabilitado');
    botao.classList.toggle('container__botao');
}

Para saber mais: Documentação do classList - Explore a documentação oficial do classList para entender melhor como manipular classes CSS em JavaScript.

Continue praticando e explorando novas funcionalidades! 💻