Разработка теста на JavaScript

Опубликовано: 24.10.2017

Тест – набор заданий, вопросов после выполнения, которых можно оценить знания человека исходя из результатов теста. Часто применяется в учебных заведениях, образовательных сайтов и прочее.

Сегодня хочу поделиться с вами, тестом на JavaScript. Тест прост в использовании, имеет таймер, подсчитывает количество правильных ответов и в процентом соотношении. JavaScript — язык веб-программирования, который обрабатывается на стороне клиента. Подобный тест можно запускать даже на компьютере не подключенного к сети Интернет.

Преимущество теста на JavaScript заключается в том, что при его использовании не затрачивается время на перезагрузку страницы как при тесте на PHP, но и есть недостаток. JavaScript может быть отключен в браузере, и произвести запуск каких-либо сценариев будет невозможно.

Тест на JavaScript позволяет использовать такие элементы HTML как: радиокнопка (выбор одного ответа), чекбоксы (выбор нескольких ответов), выпадающий список, текстовое поле (самостоятельный ввод ответа).

Для демонстрации работы с каждым элементом был разработан тест, с использованием всех объектов форм языка HTML.

Скрипт состоит из трех функций:

timer () – функция контроля работы запущенного таймера;

startTest () – функция старта теста, скрывает html блоки, запускает таймер;

stopTest () – функция подсчета количества правильных ответов и останавливает таймер.

Каждый элемент формы (кроме текстового поля) проверяется следующим образом:

//Первый вопрос (переключатели или выпадающий список) for(i=0; i<d.getElementsByName("q_имя_объекта_формы ").length; i++){ if(d.getElementsByName("q_имя_объекта_формы")[i].checked) { if(i==1){ rez+=2; //какой правильный чекбокс, начинается с 0 count++; } } }

Каждый размещенный объект формы, размещенный на HTML странице должен иметь имя name=”q_номер вопроса”.