const player = document.getElementById('player');
let playerX = 100;
let playerY = 100;
const moveAmount = 10;
document.addEventListener('keydown', (event) => {
switch (event.key) {
case 'ArrowUp':
playerY -= moveAmount;
break;
case 'ArrowDown':
playerY += moveAmount;
break;
case 'ArrowLeft':
playerX -= moveAmount;
break;
case 'ArrowRight':
playerX += moveAmount;
break;
}
updatePlayerPosition();
});
function updatePlayerPosition() {
player.style.left = playerX + 'px';
player.style.top = playerY + 'px';
}
updatePlayerPosition();