1
resposta

[Projeto] Praticando

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

Olá, Franciele. Tudo bem?

Obrigado por compartilhar seu código aqui com a gente.

Gostei de como você implementou a lógica para alternar as classes do botão com o método classList, deixando o código mais organizado e fácil de entender. Também achei interessante o uso da função alterarStatusBotao para reutilizar a lógica em diferentes pontos.

Veja uma curiosidade: você pode verificar se o elemento existe antes de alterá-lo para evitar possíveis erros no futuro. Veja este exemplo:


function alterarStatusBotaoSeguro() {
    let botao = document.getElementById('btn-reiniciar');
    if (botao) {
        botao.classList.toggle('container__botao-desabilitado');
        botao.classList.toggle('container__botao');
    } else {
        console.log('Botão não encontrado!');
    }
}

Nesse exemplo, usamos classList.toggle para simplificar a alternância entre classes. E caso o botão não exista, uma mensagem será exibida no console.

Parabéns! Continue com essa dedicação.

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