Количество вопросов в тесте
Есть код теста, но он работает только если вопросов 4, а мне надо 10, к сожалению я очень плохо знаю JavaScript, и по этому не могу разобраться какую переменную увеличить или уменьшить, что бы тест работал на все 10 вопросов
<html> <head> <meta http-equiv='Content-Type' content='text/html; charset=utf8'> <link rel="stylesheet" href="фон.html" type="text/css" /> </head> <body> <style type="text/css"> .wrapper{ width: 1000px; height: 130px; margin: 0 auto; display: none; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; } </style> <script type="text/javascript"> var countQuest = 0; var plus = 0; var test_start = 0; function check(num){ if(num == 4){ document.getElementById('area').style.display='block'; // document.getElementById('start').style.display='none'; document.getElementById('end').style.display='inline'; if(test_start == 0){ //Массив вопросов var questions = ["Фильтрация трафика, в межсетевойм экране, осуществляется на основе набора предварительно сконфигурированных правил, которые называются", "Механизм обеспечения безопасности это?", "При аутентификации используется, как правило, принцип, получивший название?", "В требования к СЗИ входит А: Очистка памяти; Б: изоляция модулей.", "Деятельность по предотвращению утечки, хищения, утраты и непреднамеренных воздействий на защищаемую информацию это?", "Граница проходящая между локальной сетью и сетью Интернет это. А: Брандмауэр; Б: Файрвол", "Одной из наиболее простых систем, не требующих дополнительных затрат на оборудование, является... ", "В процессе аутентификации с использованием S/Key участвуют?", "Секретность информации В криптографии обеспечивается введением в алгоритмы специальных...", "Кто предявляет требования к СЗИ?"]; //Массивы вариантов ответов var number1 = ["Rleset","Криптография","Как его зовут?","Только А","Защита информации","Только А","Р/Key","Клиент и Администратор","Ключей","Работадатель"]; var number2 = ["Ruleset","Brandmauer","Что он хочет?","Только Б","Хранение информации","Только Б","N/Key","Клиент и сервер","Замков","Шифратор"]]; var number3 = ["Rul","Firewall","Кто он?","Оба варианта","Поддержка информации","Оба варианта","M/Key","Только клиент","Окон","Гостехкомиссия РФ"]]; var number4 = ["Allow","Ruleset","Что он знает?","Не один из вариантов","Ничего из перечисленного","Не один из вариантов","S/Key","Не один из вариантов","Стен","Никто"]]; document.getElementById('question').innerHTML=questions[countQuest]; document.getElementById('option1').innerHTML=number1[countQuest]; document.getElementById('option2').innerHTML=number2[countQuest]; document.getElementById('option3').innerHTML=number3[countQuest]; document.getElementById('option4').innerHTML=number4[countQuest]; //Массив правильных ответов var answer = [1,0,3,2,0,2,3,1,0,2]; test_start = 1; } } else{ //Массив вопросов var questions = ["Фильтрация трафика, в межсетевом экране, осуществляется на основе набора предварительно сконфигурированных правил, которые называются", "Механизм обеспечения безопасности это?", "При аутентификации используется, как правило, принцип, получивший название?", "В требования к СЗИ входит А: Очистка памяти; Б: изоляция модулей.", "Деятельность по предотвращению утечки, хищения, утраты и непреднамеренных воздействий на защищаемую информацию это?", "Граница проходящая между локальной сетью и сетью Интернет это. А: Брандмауэр; Б: Файрвол", "Одной из наиболее простых систем, не требующих дополнительных затрат на оборудование, является... ", "В процессе аутентификации с использованием S/Key участвуют?", "Секретность информации В криптографии обеспечивается введением в алгоритмы специальных...", "Кто предъявляет требования к СЗИ?"]; //Массивы вариантов ответов var number1 = ["Rleset","Криптография","Как его зовут?","Только А","Защита информации","Только А","Р/Key","Клиент и Администратор","Ключей","Работодатель"]; var number2 = ["Ruleset","Brandmauer","Что он хочет?","Только Б","Хранение информации","Только Б","N/Key","Клиент и сервер","Замков","Шифратор"]]; var number3 = ["Rul","Firewall","Кто он?","Оба варианта","Поддержка информации","Оба варианта","M/Key","Только клиент","Окон","Гостехкомиссия РФ"]]; var number4 = ["Allow","Ruleset","Что он знает?","Не один из вариантов","Ничего из перечисленного","Не один из вариантов","S/Key","Не один из вариантов","Стен","Никто"]]; //Массив правильных ответов var answer = [1,0,3,2,0,2,3,1,0,2]; if(num == answer[countQuest]) plus++; if(questions.length - 1> countQuest){ countQuest++; document.getElementById('question').innerHTML=questions[countQuest]; document.getElementById('option1').innerHTML=number1[countQuest]; document.getElementById('option2').innerHTML=number2[countQuest]; document.getElementById('option3').innerHTML=number3[countQuest]; document.getElementById('option4').innerHTML=number4[countQuest]; } else{ document.getElementById('area').style.display='none'; alert('У Вас ' + plus + ' правильных ответа!'); } } } </script> <div style="margin-top: 200px;"> <div id="area" class="wrapper"> <center> <p style="font-size: 38px;font-weight: bold;padding-top: 2px;color: #fff;" id="question"></p> <button onclick="check(0)" class="myButton" id="option1"></button> <button onclick="check(1)" class="myButton" id="option2"></button> <button onclick="check(2)" class="myButton" id="option3"></button> <button onclick="check(3)" class="myButton" id="option4"></button> </center> </div> </div> <br><center> <button id="start" class="myButton" onclick="check(4)">Приступить к тесту</button><br><br><br><br> <script type="text/javascript"> var curent_url = document.URL; document.write("<a id='end' style='display: none;' class='myButton' href='" + curent_url + "'>Начать сначала</a>"); </script> </center> </body> </html> Буду очень признателен за помощь |
Alexmor, я скопировал твой пример... Он имеет ошибки и не работает.
Цитата:
Есть просто 4 кнопки по которым определяется какое-то действие... <div id="area" class="wrapper"> <center> <p style="font-size: 38px;font-weight: bold;padding-top: 2px;color: #fff;" id="question"></p> <button onclick="check(0)" class="myButton" id="option1"></button> <button onclick="check(1)" class="myButton" id="option2"></button> <button onclick="check(2)" class="myButton" id="option3"></button> <button onclick="check(3)" class="myButton" id="option4"></button> </center> </div> Есть условие с константой... if(num == 4){...} Ну и сама стартовая кнопка с четверкой... <button id="start" class="myButton" onclick="check(4)">Приступить к тесту</button> |
Часовой пояс GMT +3, время: 13:40. |