A game where you make your own food's game

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

No:9672

140

←

Prev Next

→

A game where you make your own food
Developer User4392｜Date and time 23/7/26 19:09:28
Build time 12.433 sec｜Game capacity 1.307KB｜

Script

Welcome to the Cooking Game! Follow the steps below to make a dish.

Step 1: Boil water

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
<title>Cooking Game</title>
<style>
  #container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100vh;
    font-size: 40px;
  }
  
  button {
    font-size: 30px;
  }
</style>
</head>
<body>
<div id="container">
  <div id="instructions">
    <p>Welcome to the Cooking Game! Follow the steps below to make a dish.</p>
    <p id="step1">Step 1: Boil water</p>
  </div>
  <div id="buttons">
    <button onclick="nextStep()">Next Step</button>
    <button onclick="complete()">Complete</button>
  </div>
</div>

function nextStep() {
    stepIndex++;
    if (stepIndex >= steps.length) {
      stepIndex = steps.length - 1;
    }
    updateStep();
  }

function complete() {
    alert("Congratulations! You have completed the dish.");
  }

function updateStep() {
    const stepElement = document.getElementById("step1");
    stepElement.innerText = `Step ${stepIndex + 1}: ${steps[stepIndex]}`;
  }

window.onload = function() {
    updateStep();
  };
</script>
</body>
</html>