Chciałem napisać program, który po wciśnięciu klawisza na klawiaturze doda jakieś efekty graficzne na jego wirtualnym reprezentancie. Po naciśnięciu klawisza odpowiadający mu div się podświetla dzięki dodaniu klasy w css, ale po jego puszczeniu klasa się nie usuwa.
Czy ktoś byłby w stanie pomóc mi z tym błędem?
function glowKey(e) {
const key = document.querySelector(`.key[data-key="${e.keyCode}"]`);
key.classList.add('glowing');
}
function removeGlow(e) {
this.classList.remove('glowing');
}
const key = document.querySelectorAll('.key');
key.forEach(key => key.addEventListener('glowed', removeGlow));
window.addEventListener('keydown',glowKey);