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

No:6803

122

←

Prev Next

→

Making new toast! Kuzu toast! Kelp toast! Pomelo t..ALL
Developer User3589｜Date and time 23/7/3 19:30:42
Build time 29.488 sec｜Game capacity 2.976KB｜

Script

以下は、「新たなトーストを作る！葛トースト！昆布トースト！蓬トースト！瓜トースト！」というテーマをもとにした簡単なゲームの実装例です。プレイヤーはボタンをクリックしてトーストの材料を選択し、最終的な評価点をハイスコアで競います。絵文字を使用していますが、スマホでの操作を前提とはしていません。

新たなトーストを作る！

選択した材料

評価結果

ハイスコア

このゲームは、選択した材料に対応する評価点を計算し、評価点を表示します。また、ハイスコアも更新されます。ユーザーがボタンをクリックして材料を選択すると、選択した材料が表示されます。最終的な評価は「評価する！」ボタンをクリックすることで行われます。

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>新たなトーストを作る！</title>
</head>
<body>
  <h1>新たなトーストを作る！</h1>
  <h2>選択した材料</h2>
  <ul id="selectedIngredients"></ul>
  <button onclick="chooseIngredient('葛トースト')">葛トースト</button>
  <button onclick="chooseIngredient('昆布トースト')">昆布トースト</button>
  <button onclick="chooseIngredient('蓬トースト')">蓬トースト</button>
  <button onclick="chooseIngredient('瓜トースト')">瓜トースト</button>
  <button onclick="evaluateToast()">評価する！</button>
  <h2>評価結果</h2>
  <p id="evaluationResult"></p>
  <h2>ハイスコア</h2>
  <p id="highScore"></p>

function chooseIngredient(ingredient) {
      selectedIngredients.push(ingredient);
      const selectedIngredientsList = document.getElementById("selectedIngredients");
      const listItem = document.createElement("li");
      listItem.innerText = ingredient;
      selectedIngredientsList.appendChild(listItem);
    }

function evaluateToast() {
      let evaluationPoints = 0;
      for (let i = 0; i < selectedIngredients.length; i++) {
        const ingredient = selectedIngredients[i];
        switch (ingredient) {
          case "葛トースト":
            evaluationPoints += 3;
            break;
          case "昆布トースト":
            evaluationPoints += 5;
            break;
          case "蓬トースト":
            evaluationPoints += 2;
            break;
          case "瓜トースト":
            evaluationPoints += 4;
            break;
          default:
            break;
        }
      }

const evaluationResult = document.getElementById("evaluationResult");
      evaluationResult.innerText = `評価点: ${evaluationPoints}`;

if (evaluationPoints > highScore) {
        highScore = evaluationPoints;
        const highScoreDisplay = document.getElementById("highScore");
        highScoreDisplay.innerText = `ハイスコア: ${highScore}`;
      }
    }
  </script>
</body>
</html>
```