Oi Ana!

Você está no caminho certo para modificar estilos com JavaScript ao adicionar e remover classes. Só que o código atual está configurado para adicionar a classe ativa quando qualquer tecla é pressionada e removê-la quando a tecla é liberada

Para resolver o exercício, vamos ajustar o código para que ele adicione a classe ativa apenas quando as teclas Enter ou Espaço forem pressionadas assim como a atividade pede.

Aqui está um exemplo de como você pode fazer isso:

const listaDeTeclas = document.querySelectorAll('input[type=button]');

for (let indice = 0; indice < listaDeTeclas.length; indice++) {
  const tecla = listaDeTeclas[indice];

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

Dessa forma podemos verificar qual tecla foi pressionada. Se for Enter ou Espaço, a classe ativa é adicionada ou removida conforme necessário.

Reforço que em casos de dúvidas, conte sempre com o fórum da comunidade Alura! Bons estudos!

Sucesso ✨

Um grande abraço e até mais!