1
resposta

function alterarStatusBotao() com OPERADOR TERNARIO

Essa é a maneira de ecrever if else

function alteraStatusBotao() {
  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');
  }   
} 

Agora com operador ternario

function alterarStatusBotao() {
    let botao = document.getElementById('btn-reiniciar');
    botao.classList.contains('container__botao-desabilitado') 
        ? (botao.classList.remove('container__botao-desabilitado'), botao.classList.add('container__botao'))
        : (botao.classList.remove('container__botao'), botao.classList.add('container__botao-desabilitado'));
}

O operador ternário é útil para simplificar uma condição if-else simples.

1 resposta

Oii, Rebeca. Tudo bem?

Obrigada por compartilhar seu código com a gente.

Gostei de como você utilizou o operador ternário para simplificar o if-else no método alterarStatusBotao. Essa abordagem deixa o código mais enxuto e direto, ótimo trabalho!

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