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

No:3242

435

←

Prev Next

→

Destruction Ramen 🍜💥.
Developer User3589｜Date and time 23/6/24 9:45:40
Build time 24.824 sec｜Game capacity 3.057KB｜

Script

破壊ラーメン🍜💥

ラーメンをクリックして破壊しよう！

スコア: 0

制限時間: 30

残り回数: 3

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
  <head>
    <title>破壊ラーメン</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <style>
      #wrapper {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        text-align: center;
      }
      #ramen {
        font-size: 50px;
        cursor: pointer;
        transition: all 0.2s ease-in-out;
      }
      #ramen:hover {
        transform: scale(1.1);
      }
    </style>
  </head>
  <body>
    <div id="wrapper">
      <h1>破壊ラーメン🍜💥</h1>
      <p>ラーメンをクリックして破壊しよう！</p>
      <p>スコア: <span id="score">0</span></p>
      <p>制限時間: <span id="timer">30</span></p>
      <p>残り回数: <span id="lives">3</span></p>
      <p><button id="start">START</button></p>
      <script>
        let score = 0;
        let timer = 30;
        let lives = 3;
        
        const ramen = document.getElementById('ramen');
        const scoreDisplay = document.getElementById('score');
        const timerDisplay = document.getElementById('timer');
        const livesDisplay = document.getElementById('lives');
        const startBtn = document.getElementById('start');

ramen.onclick = hitRamen;
        ramen.onanimationend = missRamen;
        startBtn.onclick = startGame;
      </script>
      <span id="ramen" style="display: none;">🍜💥</span>
    </div>
  </body>
</html>