JavaScript、HTML、および CSS で簡単な Web ページを作成しようとしています。Web ページは 5 つの div 要素を生成します。各 div 要素には、乱数、テキスト入力、送信ボタンが含まれます。以下の私のコードはそれを行います。
ユーザーは乱数をテキスト入力ボックスに入力し、送信ボタンをクリックできるはずです。スクリプトは、正しい答えを入力したかどうかを確認する必要があります。
これが可能かどうかわかりませんか?ページ上の 1 つのフォームだけのコードを記述する方法は理解していますが、この例では、動的に生成される 1 つのページで 5 つのフォームを使用しています。どんな助けでも大歓迎です。
<html>
<head>
<style type="text/css">
#test {
width:250px;
padding:10px;
border:5px solid gray;
margin:10px;
}
</style>
</head>
<body>
<script>
for (i = 0; i < 5; i++) {
document.write('<div id="test">');
var ranNum = Math.floor(Math.random()*10);
document.write(ranNum);
document.write("<p>Enter the number above:</p>");
document.write("<form id=\"form1\" name=\"form1\" method=\"post\" action=\"\"><input type=\"text\" name=\"answer\" id=\"answer\" /><input type=\"submit\" name=\"button\" id=\"button\" value=\"Submit\" /></form>");
document.write('</div>');
}
</script>
</body>
</html>