ストップウォッチアプリ

0:00:000
成功: 0
失敗: 0
以下がストップウォッチアプリの実装例です。

注意：evalを使用してはいけません。

```
<!DOCTYPE html>
<html>
<head>
	<title>ストップウォッチアプリ</title>
	<meta charset="utf-8">
	<style>
		body {
			font-size: 20px;
			text-align: center;
		}
	</style>
	<script>
		var startTime;
		var elapsedTime = 0;
		var timerId;
		var successCount = 0;
		var failCount = 0;

		function startStopwatch() {
			if (timerId) {
				clearInterval(timerId);
			}
			startTime = Date.now();
			timerId = setInterval(updateStopwatch, 10);
		}

		function stopStopwatch() {
			if (timerId) {
				clearInterval(timerId);
				timerId = null;

				var diff = Math.abs(elapsedTime - 5000);
				if (diff <= 300) {
					successCount++;
					document.getElementById("success").textContent = "成功: " + successCount;
				} else {
					failCount++;
					document.getElementById("fail").textContent = "失敗: " + failCount;

					var failText = document.createElement("div");
					failText.textContent = "人生の敗者";
					document.body.appendChild(failText);

					var degree = 0;
					var failTimerId = setInterval(function() {
						failText.style.transform = "rotate(" + degree + "deg)";
						degree += 5;
					}, 10);
					setTimeout(function() {
						clearInterval(failTimerId);
						document.body.removeChild(failText);
					}, 2000);
				}
			}
		}

		function updateStopwatch() {
			elapsedTime = Date.now() - startTime;
			var minutes = Math.floor(elapsedTime / 60000);
			var seconds = Math.floor((elapsedTime / 1000) % 60);
			var milliseconds = Math.floor(elapsedTime % 1000);
			document.getElementById("time").textContent = minutes + ":" + seconds + ":" + milliseconds;
		}
	</script>
</head>
<body>
	<h1>ストップウォッチアプリ</h1>
	<button onclick="startStopwatch()">スタート</button>
	<button onclick="stopStopwatch()">ストップ</button>
	<p id="time">0:00:000</p>
	<p id="success">成功: 0</p>
	<p id="fail">失敗: 0</p>
</body>
</html>
```

ジョークとして、成功した場合は「君は天才だ！」という文字列を表示すると面白いかもしれません。