1
resposta

[Sugestão] Numero secreto - explorando

Explorei algumas alternativas , alterar Status apenas para didática geraram o mesmo resultado css - colocada abaixo da classe container__botao-desabilitado, não está muito limpo mas entender

.container__botao-desabilitado2 {
    /*border-radius: 16px;*/
    background: #6f6f70;
    /*padding: 16px 24px;
    font-size: 24px;
    width: 100%;
    font-weight: 700;
    border: none;
    cursor: not-allowed;*/
}
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`);*/
        // o metodo replace , substitui o metodo add e remove
        botao.classList.replace(`container__botao-desabilitado`, `container__botao`);
    }else{
        botao.classList.remove(`container__botao`);
        // o metodo ADD() pode adicionar mais de uma classe
        botao.classList.add(`container__botao-desabilitado`,`.container__botao-desabilitado2`)
        
    }

}
1 resposta

Oi, Ivan!

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

Legal como você utilizou o método replace pra substituir classes de forma eficiente. Ele é uma alternativa interessante aos métodos add e remove, deixando o código mais direto. E, sua abordagem para explorar a lógica de alternar estados do botão é bem didática.

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

Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓

bons estudos