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

No:19826

Pasta cooking game like cooking mama
Developer User8620｜Date and time 23/10/7 3:38:04
Build time 13.653 sec｜Game capacity 2.147KB｜

Script

Cooking Mama: Pasta Cooking Game

Cliquez sur les ingrédients et les outils pour préparer les pâtes!

Score: 0

←

Prev　Next

→ 　

Back　

[PR]現在の人気ゲームランキング

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

<!DOCTYPE html>
<html>
  <head>
    <title>Pasta Cooking Game</title>
    <style>
      body {
        text-align: center;
        font-family: 'Arial', sans-serif;
      }

.ingredient {
        width: 100px;
      }

.tool {
        width: 200px;
      }

#message {
        margin-top: 20px;
        font-weight: bold;
      }

#score {
        font-size: 24px;
        margin-top: 10px;
      }

#game-container {
        display: flex;
        justify-content: space-around;
        margin-top: 20px;
      }

#ingredients-container,
      #tools-container {
        display: flex;
        justify-content: space-around;
      }

button {
        padding: 10px 20px;
        font-size: 18px;
        margin-top: 20px;
      }
    </style>
  </head>
  <body>
    <h1>Cooking Mama: Pasta Cooking Game</h1>
    <div id="game-container">
      <div id="ingredients-container">
        <img class="ingredient" src="pasta.png" alt="Pasta">
        <img class="ingredient" src="sauce.png" alt="Sauce">
        <img class="ingredient" src="cheese.png" alt="Cheese">
      </div>
      <div id="tools-container">
        <img class="tool" src="pot.png" alt="Pot">
        <img class="tool" src="spoon.png" alt="Spoon">
        <img class="tool" src="plate.png" alt="Plate">
      </div>
    </div>
    <div id="message">Cliquez sur les ingrédients et les outils pour préparer les pâtes!</div>
    <div id="score">Score: 0</div>

function handleIngredientClick() {
        score += 10;
        document.getElementById("score").innerText = "Score: " + score;
      }

function handleToolClick() {
        if (score > 0) {
          score -= 5;
          document.getElementById("score").innerText = "Score: " + score;
        }
      }

document.querySelectorAll(".ingredient").forEach(function (ingredient) {
        ingredient.addEventListener("click", handleIngredientClick);
      });

document.querySelectorAll(".tool").forEach(function (tool) {
        tool.addEventListener("click", handleToolClick);
      });
    </script>
  </body>
</html>