<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>前置詞・副詞編</title>
<link rel="stylesheet" text="text/css" href="pr-ad.css">
<script src="pr-ad.js" defer></script>
</head>
<body>
<div class="game-container">
<h1>【受験対策】英語タイピングゲーム（前置詞・副詞編）</h1>
<div class="game">
<button id="startButton">スタート</button>
<div id="game" style="display:none;">
<p id="question">問題がここに表示されます</p>
<p id="exam1">例文１がここに表示されます</p>
<p id="exam2">例文２がここに表示されます</p>
<p id="exam3">例文３がここに表示されます</p>
<p id="exam4">例文４がここに表示されます</p>
<p id="exam5">例文５がここに表示されます</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">30</span>秒</p>
<!-- 結果表示用の要素を追加 -->
<div id="resultMessage" style="color: red;"></div>
</div>
</div>
</div>
</body>
</html>
