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

No:32063

84

PPAP
Developer User14987｜Date and time 23/12/29 18:13:40
Build time 19.031 sec｜Game capacity 1.73KB｜

PPAP Game

→ 　

0　

0　

[PR]現在のフィギュア売れ筋ランキング

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

(C)2023 HisashiApp

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>PPAP Game</title>
  <style>
     body {
       display: flex;
       flex-direction: column;
       align-items: center;
       justify-content: center;
       height: 100vh;
       font-size: 24px;
     }
     button {
       padding: 12px;
       margin-top: 12px;
       font-size: 24px;
     }
  </style>
</head>
<body>
  <h1>PPAP Game</h1>
  <div id="game-content"></div>
  <button id="new-ap">New Apple</button>
  <button id="new-pen">New Pen</button>
  <button id="check-ppap">Check PPAP</button>

<script>
    const gameContent = document.getElementById('game-content');
    const newApButton = document.getElementById('new-ap');
    const newPenButton = document.getElementById('new-pen');
    const checkPPAPButton = document.getElementById('check-ppap');
    
    const objects = [];
    
    function renderGame() {
      let content = '';
      for (let obj of objects) {
        content += obj;
      }
      gameContent.innerHTML = content;
    }
    
    function generateObject(name, emoji) {
      return `<div>${emoji} ${name}</div>`;
    }
    
    newApButton.addEventListener('click', function() {
      const apple = generateObject('Apple', '🍎');
      objects.push(apple);
      renderGame();
    });
    
    newPenButton.addEventListener('click', function() {
      const pen = generateObject('Pen', '🖊️');
      objects.push(pen);
      renderGame();
    });
    
    checkPPAPButton.addEventListener('click', function() {
      if (objects.length === 2 && objects[0].includes('Apple') && objects[1].includes('Pen')) {
        alert('PPAP!');
      } else {
        alert('Not PPAP!');
      }
    });
  </script>
</body>
</html>