Little Princess Is In Trouble's game

Click here for free DL of the app version that can save data.

No:47813

←

Prev Next

→

Little Princess Is In Trouble
Developer User20657｜Date and time 24/3/1 0:22:56
Build time 7.032 sec｜Game capacity 1.278KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームランキング

Click here for free DL of the app version that can save data.

<!DOCTYPE html>
<html>
<head>
<title>Little Princess Is In Trouble</title>
</head>
<body>

<img id="princess" src="princess.png" style="position:absolute; top:50%; left:10%;">
<img id="dragon" src="dragon.png" style="position:absolute; top:50%; left:70%;">

// function to move princess
function movePrincess(direction) {
  const currentPos = parseInt(princess.style.left);
  if (direction === 'right') {
    princess.style.left = currentPos + 10 + '%';
  } else if (direction === 'left' && currentPos > 0) {
    princess.style.left = currentPos - 10 + '%';
  }
}

// function to check if princess is safe
function isSafe() {
  const princessPos = parseInt(princess.style.left);
  const dragonPos = parseInt(dragon.style.left);
  if (Math.abs(princessPos - dragonPos) < 15) {
    alert('The princess has been saved! You win!');
  }
}

// event listeners for arrow keys
document.addEventListener('keydown', function(event) {
  if (event.key === 'ArrowRight') {
    movePrincess('right');
    isSafe();
  } else if (event.key === 'ArrowLeft') {
    movePrincess('left');
    isSafe();
  }
});
</script>
</body>
</html>