한국어
한국어
현대 교육에서 온라인 답변 질문은 일반적인 학습 방법이되었습니다. 질문 중 하나 인 객관식 질문은 학생들의 지식 숙달을 평가하는 효과적인 방법입니다. 이 기사는 코드 예제를 사용하여 온라인 응답 질문에서 다중 체이스 기능을 구현하는 방법을 소개합니다.
먼저 학생들이 질문에 답변 할 수있는 간단한 웹 인터페이스를 만들어야합니다. 간단한 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>위의 코드는 다중 선택 질문이있는 간단한 웹 인터페이스를 생성하며 사용자는 네 가지 옵션 중 정답을 선택해야합니다. 사용자가 제출 버튼을 클릭하면 프로그램이 사용자의 답변을 얻고 미리 설정된 정답과 비교합니다. 대답이 올바른 경우 "대답이 맞다!"를 보여줄 것입니다. 그렇지 않으면 "답이 잘못되었습니다!"가 표시됩니다.
javaScript 코드에서는 document.getElementsByName 메소드를 사용하여 질문 1이라는 이름의 모든 확인란 요소를 가져옵니다. 다음 으로이 확인란을 반복하고 선택한 확인란을 결정하고 사용자의 답변을 userANSWER 배열에 저장하십시오. 마지막으로, userANSWER 및 ARMETANSWER 배열의 길이와 각 요소가 사용자의 답변이 올바른지 확인하기 위해 일치하는지 여부를 비교하십시오.
기본 답변 확인 기능 외에도 정답 표시, 점수 계산 등과 같은 코드에 다른 작업을 추가하여 사용자 경험을 향상시킬 수도 있습니다.
이 기사의 코드 예제를 통해 온라인 답변 질문에서 다중 체이스 기능을 쉽게 구현할 수 있습니다. 이 기능은 온라인 시험뿐만 아니라 다양한 대화식 학습 플랫폼에도 사용될 수 있습니다. 이 기사가 온라인 응답 시스템을 구현할 때 도움이되기를 바랍니다.
