0>Fnf catch all arrows until the time runs out's game

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

No:45278

←

Prev Next

→

0>Fnf catch all arrows until the time runs out
Developer WinnerWiener1332｜Date and time 24/2/20 10:31:53
Build time 7.327 sec｜Game capacity 1.526KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Arrow Catcher Game</title>
<style>
  body {
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    background-color: #f0f0f0;
  }
  #game-container {
    width: 80%;
    height: 80%;
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-wrap: wrap;
  }
  .arrow {
    width: 50px;
    height: 50px;
    margin: 5px;
    cursor: pointer;
  }
</style>
</head>
<body>
<div id="game-container"></div>

gameContainer.innerHTML = '';
    for (let i = 0; i < 16; i++) {
      const randomArrow = arrows[Math.floor(Math.random() * arrows.length)];
      const arrowDiv = document.createElement('div');
      arrowDiv.textContent = randomArrow;
      arrowDiv.classList.add('arrow');
      arrowDiv.addEventListener('click', () => {
        score++;
        arrowDiv.style.display = 'none';
      });
      gameContainer.appendChild(arrowDiv);
    }
  }

startGame();
</script>
</body>
</html>