The Three Musketeers of Ramen's game

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

No:2891

6578

←

Prev Next

→

The Three Musketeers of Ramen
Developer User3494｜Date and time 23/6/23 1:26:21
Build time 21.99 sec｜Game capacity 1.958KB｜

Script




  
  


  ラーメン三銃士

*This prompt didn't get me into the game this time. Plz try to generate it a few times.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋グッズランキング

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

<HTML>
<HEAD>
  <TITLE>ラーメン三銃士</TITLE>
  <STYLE>
    #ramen {
      width: 100%;
      height: 90vh;
      background-image: url('https://img.cuisineyum.com/recipes/1024x576/0/5/9/po94ynebdj7twhbvgguy-pork-ramen.jpeg');
      background-size: cover;
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 4em;
      color: white;
      padding: 10px;
      box-sizing: border-box;
      text-shadow: 2px 2px 2px black;
    }
    button {
      font-size: 2em;
      padding: 10px;
      background-color: white;
      border: none;
      border-radius: 10px;
      cursor: pointer;
      margin-left: 10px;
      margin-right: 10px;
      box-shadow: 2px 2px 2px black;
    }
  </STYLE>
  <SCRIPT>
    let score = 0;
    
    function displayScore() {
      document.getElementById('score').innerHTML = "スコア: " + score;
    }
    
    function eatRamen() {
      score += 10;
      displayScore();
    }
    
    function startGame() {
      setInterval(addRamen, 1000);
      displayScore();
    }
    
    function addRamen() {
      let ramen = document.createElement('button');
      ramen.innerHTML = "🍜";
      ramen.style.position = "absolute";
      ramen.style.left = Math.floor(Math.random() * (window.innerWidth - 100)) + "px";
      ramen.style.top = Math.floor(Math.random() * (window.innerHeight - 100)) + "px";
      ramen.onclick = function() {
        this.style.display = "none";
        eatRamen();
      };
      document.body.appendChild(ramen);
    }
    
    window.onload = function() {
      document.getElementById('start').onclick = function() {
        document.getElementById('ramen').style.display = "none";
        startGame();
      };
    };
  </SCRIPT>
</HEAD>
<BODY>
  <DIV id="ramen">ラーメン三銃士</DIV>
  <DIV style="text-align: center;">
    <button id="start">ゲームスタート！</button>
    <span id="score"></span>
  </DIV>
</BODY>
</HTML>