Необходимо написать скрипт, который отображает друг за другом вопросы в зависимости от ответа пользователя, а затем при нажатии на кнопку "получить рез-т" выводит общий рез-т на экран. Следующий вопрос должен появиться только, если пользователь выбрал правильный ответ, при выборе неправильного ответа появляется надпись "Подумайте еще!", также за правильный ответ пользователь получает 10 баллов, а за неправильный отнимается 5 баллов.
это HTML-код:
<form name="myform" onclick="main()">
<div id="qw1" class="blm">
Какой цвет сфетофора разрешает переходить дорогу?<br/>
<input type="radio" name="qw1" value="0"/>Красный<br/>
<input type="radio" name="qw1" value="0"/>Желтый<br/>
<input type="radio" name="qw1" value="1"/>Зеленый
</div>
<div id="qw2" class="blm">
Какое из трех слов написано верно?<br/>
<input type="radio" name="qw2" value="1"/>Прекрасно<br/>
<input type="radio" name="qw2" value="0"/>Прикрасно<br/>
<input type="radio" name="qw2" value="0"/>Прикрастно
</div>
<div id="qw3" class="blm">
Найдите ошибку в утверждениях ниже!<br/>
<input type="radio" name="qw3" value="1"/>Франция - столица Парижа<br/>
<input type="radio" name="qw3" value="0"/>Киев - столица Украины<br/>
<input type="radio" name="qw3" value="0"/>токио - столица Японии
</div>
</form>
<form name="myform2">
<input id="qw4" type="button" name="butt" value="Получить результат" onclick="alert('Ваш результат: ' + count)"/>
</form>
а вот сам скрипт:
function main(){
for (var i=0; i<document.myform.qw1.length; i++){
if (document.myform.qw1[i].checked){
if (document.myform.qw1[i].value == 0){
count-=5;
alert ("Подумайте еще!");
}
else{
count+=10;
cn++;
document.getElementById("qw"+cn).style.display = "block";
}
}
}
}
Скрипт работает некорректно, как сделать так, чтобы после правильного ответа "qw1" в этом блоке
for (var i=0; i<document.myform.qw1.length; i++){
if (document.myform.qw1[i].checked){
if (document.myform.qw1[i].value == 0){
менялся на "qw2".