Laat de auto bewegen met toetsenbordknoppen

[Khdulkadir]

Auto kan bewogen worden met volgende javascript:

  let translateX = -50; // Initial translateX value
  let carElement;

  // Function to handle the keydown event
  function handleKeydown(event) {
    // Check if the pressed key is the right arrow or 'd' key
    if (event.key === 'ArrowRight' || event.key === 'd') {
      translateX = Math.min(translateX + 10, 100); // Increase by 10%, max 100%
    }

    // Check if the pressed key is the left arrow or 'a' key
    if (event.key === 'ArrowLeft' || event.key === 'a') {
      translateX = Math.max(translateX - 10, -200); // Decrease by 10%, min -200%
    }

    // Check if the spacebar is pressed
    if (event.code === 'Space') {
      carElement.classList.add('jump'); // Add the 'jump' class
      setTimeout(() => {
        carElement.classList.remove('jump'); // Remove the 'jump' class after 500ms
      }, 500); // Adjust the duration as needed
    }
  };

  $: if (carElement) {
    carElement.style.setProperty('--translateX', `${translateX}%`);
  }