1
resposta

simplificando o *** event.code === "Space" || event.code === "Enter" *** na linha 26

Olá pessoal,

alguma maneira de simplificar este trecho do código, presente na linha 26?

me refiro mais especificamente ao fato de ter de repetir o "event.code" por duas vezes.. pensei que talvez fosse possível utilizar uma sintaxe diferente como event.code === "Space", "Enter"...

 tecla.onkeydown = function(event){
        if (event.code === "Space" || event.code === "Enter") {tecla.classList.add('ativa')};
    }
}
1 resposta

Oi Rafael, tudo bem?

Desculpe a demora em responder!

Não é possível simplificar o trecho de código das estruturas condicionais que você mencionou, pois cada uma das comparações precisam ser feitas individualmente. No caso do código em questão:

 tecla.onkeydown = function(event){
        if (event.code === "Space" || event.code === "Enter") {tecla.classList.add('ativa')};
    }
}

Para realizar o evento de clique é preciso verificar individualmente se a tecla espaço está pressionada por meio do comando (event.code==="Space") ou (||) se a tecla ENTER está pressionada (event.code==="Enter"). Dessa forma, não conseguimos reduzir o código.

Espero ter ajudado. Caso tenha dúvidas, estarei à disposição!

Abraços!

Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓. Bons Estudos!

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software