<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>JavaScript タイピングゲーム</title>
<link rel="stylesheet" text="text/css" href="javascript.css">
<script src="javascript.js" defer></script>
</head>
<body>
<div class="game-container">
<h1>JavaScript タイピングゲーム</h1>
<div class="game">
<button id="startButton">スタート</button>
<div id="game" style="display:none;">
<p id="question">問題がここに表示されます</p>
<p id="exam1">例文1がここに表示されます</p>
<p id="exam2">例文２がここに表示されます</p>
<form id="answerForm">
<input type="text" id="answerInput" autocomplete="off" oncopy="return false" onpaste="return false" oncontextmenu="return false">
</form>
<p id="timer">残り時間: <span id="timeLeft">15</span>秒</p>
<div id="resultMessage" style="color: red;"></div>
</div>
</div>
</div>
</body>
</html>
