Сделал тестирование на js, но вопросы идут всегда в одном порядке, пробую сделать рандом, но не получается.
Вот HTML структура самого тестирования:
<center>
<div class="quetions">
<div class="one quetions_mark">
Питання №1: Що з поданого переліку НЕ можна робити в кабінеті інформатики?
</div>
<div class="two quetions_mark">
Питання №2: З інформацією МОЖНА робити:
</div>
<div class="three quetions_mark">
Питання №3: Яке з стверджень правильне?
</div>
<div class="four quetions_mark">
Питання №4: Яке з стверджень НЕ правильне?
</div>
<div class="five quetions_mark">
Питання №5: Що треба зробити перед тим, як вимикати комп’ютер?
</div>
<div class="six quetions_mark">
Питання №6: Чого НЕ має на робочому столі в комп’ютера?
</div>
<div class="seven quetions_mark">
Питання №7: Яку дії миша НЕ може зробити?
</div>
<div class="eight quetions_mark">
Питання №8: До якої групи відносять клавіші "Windows","Tab","Esc",?
</div>
<div class="nine quetions_mark">
Питання №9: Які пристрої призначені для роботи з повідомленнями?
</div>
<div class="ten quetions_mark">
Питання №10: Що з переліку нижче НЕ є властивістю об'єкта "Яблуко"?
</div>
</div>
<div class="answers">
<div class="one answer-holder">
<div class="btn btn-success answer" value="0"> Малювати на папері</div>
<div class="btn btn-success answer" value="0"> Розмовляти з однокласниками </div>
<div class="btn btn-success answer" value="0"> Відповідати на запитання вчителя </div>
<div class="btn btn-success answer" value="1"> Вмикай комп’ютер без дозволу вчителя </div>
</div>
<div class="two answer-holder">
<div class="btn btn-success answer" value="1"> Створювати </div>
<div class="btn btn-success answer" value="0"> Їсти </div>
<div class="btn btn-success answer" value="0"> Розмальовувати </div>
<div class="btn btn-success answer" value="1"> Опрацьовувати </div>
</div>
<div class="three answer-holder">
<div class="btn btn-success answer" value="0"> Принтер - це пристрій, призначений для створення зображень певних об'єктів шляхом обробки променів </div>
<div class="btn btn-success answer" value="0"> Монітор або дисплей — це електронний пристрій для копіювання інформації. </div>
<div class="btn btn-success answer" value="1"> Модем - це пристрій, який надає змогу підключитися до Internet </div>
<div class="btn btn-success answer" value="0"> Сканер - це друкувальний пристрій </div>
</div>
<div class="four answer-holder">
<div class="btn btn-success answer" value="0"> Меню програми — це список об’єктів, які можна вибирати. </div>
<div class="btn btn-success answer" value="0"> Нижче Рядка заголовка програми розташований Рядок меню </div>
<div class="btn btn-success answer" value="0"> Програми керують діями комп’ютера </div>
<div class="btn btn-success answer" value="1"> Комп’ютер не завжди працює під керуванням програм </div>
</div>
<div class="five answer-holder">
<div class="btn btn-success answer" value="0"> Натиснути ПУСК </div>
<div class="btn btn-success answer" value="0"> Натисни кнопку Power на системному блоці </div>
<div class="btn btn-success answer" value="0"> Вимкнути монітор </div>
<div class="btn btn-success answer" value="1"> Закрий вікна всіх програм </div>
</div>
<div class="six answer-holder">
<div class="btn btn-success answer" value="0"> Панелі завдань </div>
<div class="btn btn-success answer" value="0"> Ярликів </div>
<div class="btn btn-success answer" value="1"> Інтернету </div>
<div class="btn btn-success answer" value="0"> Папок та файлів </div>
</div>
<div class="seven answer-holder">
<div class="btn btn-success answer" value="0"> Відкрити контекстне меню </div>
<div class="btn btn-success answer" value="0"> Запустити програму </div>
<div class="btn btn-success answer" value="1"> За допомогою комбінації клавіш миші вимнути комп’ютер </div>
<div class="btn btn-success answer" value="0"> Прокрутити вниз веб сторінку </div>
</div>
<div class="eight answer-holder">
<div class="btn btn-success answer" value="1"> Спеціальні клавіші </div>
<div class="btn btn-success answer" value="0"> Клавіші керування курсором </div>
<div class="btn btn-success answer" value="0"> Алфавітно-цифрові клавіші </div>
<div class="btn btn-success answer" value="0"> Функціональні клавіші </div>
</div>
<div class="nine answer-holder">
<div class="btn btn-success answer" value="0"> Телефон, Калькулятор, Флешка </div>
<div class="btn btn-success answer" value="0"> Диктофон, Фотокамера, Навушники </div>
<div class="btn btn-success answer" value="0"> Факс, Плеєр, Духова шафа </div>
<div class="btn btn-success answer" value="1"> Телефон, Модем, Факс </div>
</div>
<div class="ten answer-holder">
<div class="btn btn-success answer" value="0"> Колір </div>
<div class="btn btn-success answer" value="1"> Особисті вподобання </div>
<div class="btn btn-success answer" value="0"> Вага </div>
<div class="btn btn-success answer" value="0"> Розмір </div>
</div>
</div>
</center>
CSS я думаю тут не столь важен...
А вот мой JS:
var quetionsArray = ['one', 'two', 'three', 'four', 'five', 'six', 'seven', 'eight', 'nine', 'ten'];
var quetion_numbered_array = severalRandom(1, 10, quetionsArray.length);
var correctly = 0;
var wrong = 0;
window.onload = function () {
$(".quetions>div, .answers>div").css("display", "none");
$(".one").css("display", "block");
$(".answers>div>div").on("click", function() {
for (var i = 0; i < quetion_numbered_array.length; i++) {
var numbre = quetion_numbered_array[i];
if (jQuery(this).attr("value").valueOf() == "1") {
correctly++;
}
else {
wrong++;
}
$(".quetions>div, .answers>div").css({ display : "none" });
$("." + quetionsArray[numbre - 1]).css("display", "block");
return;
};
});
};
function severalRandom (min, max, num) {
var i, arr = [], res = [];
for (i = min; i <= max; i++ ) {
arr.push(i);
};
for (i = 0; i < num; i++) {
res.push(arr.splice(Math.floor(Math.random() * (arr.length)), 1)[0]);
};
return res;
};
Если вкратце, то функция severalRandom генерирует последовательность вопросов. (каждый раз случайную), а потом мне нужно эту последовательность вывести, только не всю разом, а по одному, тоесть:
вывожу вопрос и варианты ответа, когда пользователь нажимает на какой-то вариант ответа, этот вопрос и варианты убераються и появляеться следующий и так пока на все вопросы не будет ответ. Есть загвоздка в том, что после 1 вопроса ничего не работает...
ПОМОГИТЕ, ПОЖАЛУЙСТА, УЖЕ ОЧЕНЬ ДОЛГО МУЧАЮСЬ НАД ЭТИМ!!!