ホームページ >バックエンド開発 >PHPチュートリアル >オンライン質問回答に選択式質問機能を実装する方法
オンライン質問回答に選択式質問機能を実装する方法
- 王林オリジナル
- 2023-09-24 15:29:151072ブラウズ
オンライン回答で多肢選択式の質問機能を実装するには、具体的なコード例が必要です
現代の教育では、オンライン回答が一般的な学習方法となっています。質問タイプの 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>上記のコードは、ユーザーが 4 つの選択肢から正しい答えを選択する必要がある多肢選択式の質問を含む単純な Web インターフェイスを作成します。ユーザーが回答の送信ボタンをクリックすると、プログラムはユーザーの回答を取得し、事前に設定された正解と比較します。答えが正しい場合は「答えは正解です!」、そうでない場合は「答えは間違っています!」というプロンプトメッセージが表示されます。
JavaScript コードでは、document.getElementsByName メソッドを使用して、question1 という名前のすべてのチェックボックス要素を取得し、ボックスがチェックされている場合にどのチェックボックスが選択されているかを判断します。 。ユーザーの回答を userAnswer 配列に保存します。次に、2 つの配列 userAnswer と correctAnswer の長さを比較し、それらの各要素が等しいかどうかを比較して、ユーザーの答えが正しいかどうかを判断します。
さらに、スコアの計算、正解の表示など、他の操作をコードに追加できます。
要約すると、上記のコード例を通じて、オンラインで質問に回答する際の多肢選択式質問機能を実現できます。この記事があなたのお役に立てば幸いです。また、正確で成功した回答が得られることを願っています。
以上がオンライン質問回答に選択式質問機能を実装する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。