Se da el error mencionado en el título del post, se supone que no puede encontrar la etiqueta de html de: #nave, pero está definida sin errores de escritura, no se que puede ser.
<!-- HTML -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="styles.css">
<script src="javascript.js"></script>
</head>
<body>
<div id="nave">h</div>
</body>
</html>
<!-- CSS -->
*{
margin: 0%;
padding: 0%;
}
#nave{
width: 200px;
height: 100px;
background: blue;
margin-top: 790px;
margin-left: 80px;
margin-right: 0px;
}
<!-- Javascript -->
var modifier= 5;
var movement = document.getElementById("#nave");
var movedor = document.addEventListener("keydown", (event) => {
var {style} = movement;
switch (event.key) {
case "ArrowLeft": style.marginLeft = "${parseInt(style.marginLeft) - modifier}px"; break;
case "ArrowRight": style.marginLeft = "${parseInt(style.marginRight) + modifier}px"; break;
}
}
);
JSADDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDD
'var {style} = movement;
Yo es que no lo entiendo, la verdad, pero quizás si que es algo.<body>
, o envolvés tu código en un eventoDOMContentLoaded
.arrowLeft
no deberia serArrowLeft
? ¿YarrowReft
no deberia serArrowRight
? ¿Y en javascript las propiedades de los estilos de los elementos no van sin guiones y en camelCase? Eso me parece haber oido alguna vez en alguna parte. Por cierto, tu error no lo consigo reproducir, a mi no me da nada mal. ¿Quizas falta algo de código en tu pregunta?