※ ChatGPTを利用し、要約された質問です(原文:Java Scriptで・・・)
Java Scriptで10問の異なる問題を表示する方法
このQ&Aのポイント
Java Scriptを使用して、10問の異なる問題を表示するプログラムを作成しました。
プログラムでは、問題番号、問題、解答欄、正誤判定欄が表示されます。
問題はランダムに生成され、異なる問題がすべての問題に表示されるようになっています。
<form name="f">
<table border>
<tr><td>番号</td><td>問題</td><td>解答</td><td>正誤</td></tr>
<script type="text/javascript">
<!--
// 変数・関数の定義
var i, n1, n2; var s = new Array(11); // 正解を保存する配列 s[0] ~ s[10]
function myrandom(n) {
return Math.floor(Math.random() * n);
}
function check() {
var i, ok=0, ng=0;
for (i=1; i<=10; i++) {
if (document.f.elements["s" + i].value == s[i]) {
document.f.elements["c" + i].value = "○";
ok++;
} else {
document.f.elements["c" + i].value = "×";
ng++;
}
}
document.f.ok.value = ok;
document.f.ng.value = ng;
}
for(i=1; i<=10; i++){
n1 = myrandom(10) + 1;
n2 = myrandom(10) + 1;
s[i] = n1 + n2;
document.writeln('<tr>');
document.writeln('<td>' + i + '</td>');
document.writeln('<td>' + n1 + ' + ' + n2 + ' =</td>');
document.writeln('<td><input type="text" name="s' + i + '"
size="3"></td>');
document.writeln('<td><input type="text" name="c' + i + '"
size="3"></td>');
document.writeln('</tr>');
}
// -->
</script>
</table>
<input type="button" value="答え合わせ" onclick="check();">
正答数:<input type="text" name="ok" size="3">
誤答数:<input type="text" name="ng" size="3">
</form>
このようなプログラムを作ったのですが、この表示される10問が全部異なる問題となるようにするにはどうすればいいでしょうか?
お礼
ありがとうございました(^^) 参考にさせてもらいます。