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

No:5642

1170

←

Prev Next

→

Make delicious pasta! The button glows blue when t..ALL
Developer User3720｜Date and time 23/6/30 14:54:08
Build time 18.945 sec｜Game capacity 1.676KB｜

Script

了解です！以下に美味しいパスタを作るゲームの実装例を示します。

美味しいパスタを作ろう！

このゲームでは、「茹でる！」というボタンをクリックした後、ボタンが青く光り始めます。そのタイミングでボタンを素早く押すことでスコアが計測されます。ボタンを押すと「完了！スコア：〇〇ms」と表示されます。ボタンが5秒間青く光るので、青く光っている間に素早く押してください。

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

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

了解です！以下に美味しいパスタを作るゲームの実装例を示します。

```html
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>美味しいパスタを作ろう！</title>
  <style>
    button {
      font-size: 36px;
      padding: 10px 20px;
    }
  </style>
</head>
<body>
  <h1>美味しいパスタを作ろう！</h1>
  <button onclick="startCooking()">茹でる！</button>

function startCooking() {
      document.querySelector('button').disabled = true;
      startTime = new Date().getTime();
      timerInterval = setInterval(checkButtonColor, 500);
    }

function checkButtonColor() {
      const button = document.querySelector('button');
      const currentTime = new Date().getTime();
      const elapsedTime = currentTime - startTime;

if (elapsedTime >= 5000) {
        clearInterval(timerInterval);
        button.disabled = false;
        button.style.backgroundColor = '';
        button.textContent = '完了！スコア：' + elapsedTime + 'ms';
      } else if (elapsedTime % 1000 < 500) {
        button.style.backgroundColor = 'blue';
      } else {
        button.style.backgroundColor = '';
      }
    }
  </script>
</body>
</html>
```

このゲームでは、「茹でる！」というボタンをクリックした後、ボタンが青く光り始めます。そのタイミングでボタンを素早く押すことでスコアが計測されます。ボタンを押すと「完了！スコア：〇〇ms」と表示されます。

ボタンが5秒間青く光るので、青く光っている間に素早く押してください。