Estoy tratando de hacer que un elemento se mueva hacia atrás en el eje X cuando el usuario presiona "a". Sin embargo, no sé cómo hacer que se mueva más cada vez que los usuarios presionan esa tecla :(. Soy nuevo en JS
document.addEventListener("keypress", function (e) { let moveBy = 20; if (e.key === "a") { moveBy++; element.style.webkitTransform = `translateX(-${moveBy}px)`; } }¡Gracias!
Defina moveBy fuera de la función e incremente cada pulsación de tecla
const element = document.querySelector('div'); let moveBy = 20; document.addEventListener("keypress", function (e) { if (e.key === "a") { moveBy++; element.style.webkitTransform = `translateX(-${moveBy}px)`; moveBy+=20 } }) div { width: 200px; height: 200px; background: red; } <div></div>