日本語
日本語
現代の教育では、オンラインの質問への質問は一般的な学習方法になりました。質問の1つとしての複数選択の質問は、学生の知識の習得を評価するための効果的な方法です。この記事では、コードの例を使用して、オンライン回答の質問にマルチ選択関数を実装する方法を紹介します。
まず、学生が質問に答えるためのシンプルなWebインターフェイスを作成する必要があります。これが簡単なHTMLコードの例です。
<!DOCTYPE html>
<html>
<head>
<title>複数選択の質問例</title>
</head>
<body>
<h1>複数選択の質問例</h1>
<form id="quizForm">
<h2>質問1：果物はどれですか？</h2>
<label><input type="checkbox" name="question1" value="A"> りんご</label><br>
<label><input type="checkbox" name="question1" value="B"> 緑の野菜</label><br>
<label><input type="checkbox" name="question1" value="C"> バナナ</label><br>
<label><input type="checkbox" name="question1" value="D"> スイカ</label><br>
<button type="button" onclick="checkAnswer()">答ええを送信してください</button>
</form>
<script>
function checkAnswer() {
var correctAnswer = ["A", "C", "D"]; // 正确答え案
var userAnswer = [];
var checkboxes = document.getElementsByName("question1");
for (var i = 0; i < checkboxes.length; i++) {
if (checkboxes[i].checked) {
userAnswer.push(checkboxes[i].value);
}
}
// 比较用户答え案与正确答え案
var isCorrect = userAnswer.length === correctAnswer.length && userAnswer.every((value, index) => value === correctAnswer[index]);
if (isCorrect) {
alert("答え案正确！");
} else {
alert("答え案错误！");
}
// 他の操作はここで実行できます，スコアの計算など
}
</script>
</body>
</html>上記のコードは、マルチ選択の質問を含むシンプルなWebインターフェイスを作成し、ユーザーは4つのオプションから正解を選択する必要があります。ユーザーが送信ボタンをクリックすると、プログラムはユーザーの回答を取得し、事前に正解セットと比較します。答えが正しければ、「答えは正しい！」を示します。そうしないと、「答えが間違っています！」を示します。
JavaScriptコードでは、 document.getElementsByNameメソッドを使用して、 question1の名前ですべてのチェックボックス要素を取得します。次に、これらのチェックボックスを反復し、選択したチェックボックスを決定し、ユーザーの回答をユーザー回答配列に保存します。最後に、ユーザー回答の長さと修正回答配列を比較し、各要素が一貫しているかどうかを比較して、ユーザーの回答が正しいかどうかを判断します。
基本的な回答チェック機能に加えて、正解の表示、スコアの計算など、ユーザーエクスペリエンスを改善するなど、コードに他のアクションを追加することもできます。
この記事のコードの例を介して、オンライン回答の質問にマルチ選択関数を簡単に実装できます。この機能は、オンライン試験だけでなく、さまざまなインタラクティブな学習プラットフォームにも使用できます。オンライン応答システムを実装する際に、この記事が役立つことを願っています。
