<!DOCTYPE html>
<html lang = "ja">
<head>
<meta charset = "UTF-8">
<title>JSコード修正ゲーム</title>
<link rel="stylesheet" text="text/css" href="index.css">
<script src="index.js" defer></script>
</head>
<body>
<div class ="container">
<h1>生成AIによるJavaScriptバグ問題</h1>
<button onclick ="generateQuestion()">問題を生成</button>
<h3>生成されたコード：</h3>
<pre id = "question-code"></pre>
<h3>あなたの修正：</h3>
<textarea id ="user-code"></textarea>
<button onclick = "checkCode()">修正をチェック</button>
<div id = "result"></div>
</div>
</body>
</html>
