Итак, я создал онлайн-тест в django фреймворке, используя sqlite3. Экзамен - это имя таблицы, которая имеет 6 столбцов - Вопрос, 4 Опции и 1 Правильный ответ.
result.Corrans => - это переменная, которая содержит значение Правильного ответа из базы данных.
e [i] .value => - это переменная, которая дает значение, введенное пользователем.
Я сталкиваюсь с проблемой при сравнении этих двух переменных, из-за которой я не могу установить счетчик для правильного ответы, чтобы получить оценку теста.
Код
<!DOCTYPE html>
<head>
<title>Online Test</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script>
$(document).ready(function()
{
$("#but1").click(function()
{
$(".rb").show();
$(".rb").attr("disabled",true);
});
});
function getanswers()
{
document.getElementById("UserAnswers").innerHTML="";
var e=document.getElementsByTagName('input');
for(i=0;i<=e.length;i++)
{
if(e[i].type=="radio")
{
if(e[i].checked)
{
document.getElementById("UserAnswers").innerHTML+= "Q " +e[i].name+"Selected ans is :"+e[i].value+"<br/>";
}
}
}
}
</script>
</head>
<body>
<center>
<h1> Class VI - Test </h1>
<h2>Subject - Social Studies</h2>
</center>
<div style="padding-left: 30px;">
{% for result in Exam %}
<table>
<tr>
<td>{{result.id}} ) {{result.Question}} ?</td>
</tr>
<tr>
<td><input type="radio" id="Option1" class="rb" name="{{result.id}}" value="{{result.Option1}}">{{result.Option1}}</td>
</tr>
<tr>
<td><input type="radio" id="Option2" class="rb" name="{{result.id}}" value="{{result.Option2}}">{{result.Option2}}</td>
</tr>
<tr>
<td><input type="radio" id="Option3" class="rb" name="{{result.id}}" value="{{result.Option3}}">{{result.Option3}}</td>
</tr>
<tr>
<td><input type="radio" id="Option4" class="rb" name="{{result.id}}" value="{{result.Option4}}">{{result.Option4}}</td>
</tr>
<tr>
<td><label id="corans" class="rb" style="display: none; color: green;"><b>The Correct Answer is : {{result.Corrans}}</b></label></td>
</tr>
<hr/>
</table>
{% endfor %}
<input type="submit" value="Click For Results" id="but1" onclick="getanswers();"/>
<hr/>
<b id="UserAnswers"></b>
<hr/>
</div>
</body>
</html>