【連打ゲー厶】ボタンを連続クリックして回数を競う。連打ボタンを連打し始めてから5秒間で何回連打したか計測して発表する。「連打ボタン」「リセットボタン」「タイマー」「連打カウンター」を画面中央に設置。

以下が実装例です。

```html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>連打ゲーム</title>
    <script>
        function startGame() {
            var button = document.getElementById('button');
            var counter = document.getElementById('counter');
            var resetButton = document.getElementById('resetButton');
            var timer = document.getElementById('timer');
            var startTime, endTime;

            resetButton.style.visibility = 'hidden';

            button.onclick = function() {
                if (!startTime) {
                    startTime = new Date();
                }
                counter.innerHTML++;
            };

            function stopGame() {
                endTime = new Date();
                var timeDiff = endTime - startTime;
                timeDiff /= 1000;

                var seconds = timeDiff.toFixed(2);
                alert("時間: " + seconds + " 秒で " + counter.innerHTML + " 回連打しました。");

                resetButton.style.visibility = 'visible';
                button.onclick = null;
            }

            setTimeout(stopGame, 5000);

            resetButton.onclick = function() {
                startTime = null;
                endTime = null;
                counter.innerHTML = 0;
                timer.innerHTML = '';
                resetButton.style.visibility = 'hidden';
            };

            var timerInterval = setInterval(function() {
                var timeLeft = 5 - Math.round((new Date() - startTime) / 1000);
                timer.innerHTML = "残り時間: " + timeLeft;
                if (timeLeft === 0) {
                    clearInterval(timerInterval);
                    timer.innerHTML = '';
                }
            }, 1000);
        }
    </script>
    <style>
        #button {
            font-size: 40px;
            padding: 20px;
            margin: 10px;
        }

        #counter {
            font-size: 100px;
            margin: 20px;
        }

        #resetButton {
            margin: 20px;
        }

        #timer {
            font-size: 40px;
            margin: 20px;
        }
    </style>
</head>
<body onload="startGame()">
    <button id="button">連打ボタン</button>
    <div id="counter">0</div>
    <button id="resetButton">リセット</button>
    <div id="timer"></div>
</body>
</html>
```

ジョークとして、「連打ゲームをすることで、指を鍛えることができます。その結果、もしかしたらピアノやギターの演奏が上手くなるかもしれません。」などが取り入れられます。