Français
Français
Dans l'éducation moderne, les questions en ligne répondant aux questions sont devenues un moyen courant d'apprendre. Les questions à choix multiples, comme l'une des questions, sont une méthode efficace pour évaluer la maîtrise des connaissances des étudiants. Cet article utilisera des exemples de code pour présenter comment implémenter la fonction multi-choix dans les questions en ligne.
Tout d'abord, nous devons créer une interface Web simple pour que les étudiants répondent aux questions. Voici un exemple de code HTML simple:
<!DOCTYPE html>
<html>
<head>
<title>Exemple de question à choix multiple</title>
</head>
<body>
<h1>Exemple de question à choix multiple</h1>
<form id="quizForm">
<h2>Question 1: Lequel des fruits suivants est des fruits?</h2>
<label><input type="checkbox" name="question1" value="A"> pomme</label><br>
<label><input type="checkbox" name="question1" value="B"> Légumes verts</label><br>
<label><input type="checkbox" name="question1" value="C"> banane</label><br>
<label><input type="checkbox" name="question1" value="D"> pastèque</label><br>
<button type="button" onclick="checkAnswer()">Soumettre une réponse</button>
</form>
<script>
function checkAnswer() {
var correctAnswer = ["A", "C", "D"]; // Réponse correcte
var userAnswer = [];
var checkboxes = document.getElementsByName("question1");
for (var i = 0; i < checkboxes.length; i++) {
if (checkboxes[i].checked) {
userAnswer.push(checkboxes[i].value);
}
}
// 比较用户答案与Réponse correcte
var isCorrect = userAnswer.length === correctAnswer.length && userAnswer.every((value, index) => value === correctAnswer[index]);
if (isCorrect) {
alert("La réponse est correcte！");
} else {
alert("La réponse est erronée！");
}
// D'autres opérations peuvent être effectuées ici，Comme le calcul des scores, etc.
}
</script>
</body>
</html>Le code ci-dessus crée une interface Web simple avec une question multi-choix, et l'utilisateur doit sélectionner la bonne réponse parmi les quatre options. Une fois que l'utilisateur a cliqué sur le bouton Soumettre, le programme obtiendra la réponse de l'utilisateur et le comparera à l'avance de la bonne réponse. Si la réponse est correcte, elle montrera "la réponse est correcte!", Sinon, il montrera "la réponse est fausse!".
Dans le code JavaScript, nous utilisons la méthode document.getElementsByName pour obtenir tous les éléments de case à cocher avec le nom de Question1 . Ensuite, parcourez ces cases et déterminez quelles cases sont sélectionnées et stockez les réponses de l'utilisateur dans le tableau Useranswer . Enfin, comparez la longueur du tableau Useranswer et Correctanswer et si chaque élément est cohérent pour déterminer si la réponse de l'utilisateur est correcte.
En plus de la fonction de vérification des réponses de base, vous pouvez également ajouter d'autres actions dans votre code, telles que l'affichage des réponses correctes, le calcul des scores, etc. pour améliorer l'expérience utilisateur.
Grâce aux exemples de code dans cet article, vous pouvez facilement implémenter la fonction multi-choix dans les questions en ligne. Cette fonctionnalité peut non seulement être utilisée pour les examens en ligne, mais aussi pour diverses plates-formes d'apprentissage interactives. J'espère que cet article vous sera utile lors de la mise en œuvre du système de réponse en ligne.
