Содержание
- как создать сайт на wordpress, настроить и оптимизировать wordpress
- Из чего состоит тест?
- Где хранить вышеперечисленные данные?
- Особенности теста
- Как его использовать на своем сайте?
- Демо пример
- Как сделать простой тест на JavaScript, с ответами «да» или «нет» и подсчетом баллов
как создать сайт на wordpress, настроить и оптимизировать wordpress
Здравствуйте, давайте создадим тест и опрос на html, который будет состоять из 3 вопросов и 6 ответов в каждом из них и обработаем их результаты с помощью javascript.
Для того чтобы узнать какой товар (услуга) пользуется наибольшим спросом на данный момент времени применяют различные опросы и тесты.
Как только вы сможете проанализировать результаты тестов и опросов – начинайте рекламировать ваш товар (услугу) – лучше всего для этого подойдет Яндекс.Директ – идеальная площадка для размещения рекламы на просторах Рунета. Ежедневно эту сеть посещает свыше 5 миллионов пользователей в России и других странах СНГ, поэтому частотность показов релевантных объявлений достаточно высокая. А для того чтобы ваша реклама была максимальна эффективна, то лучше всего обратиться по настройке Яндекс.Директа к профессионалам от Direct-UP – dircet-up.ru. Удачного вам бизнеса!
1. Создаем тест на JavaScript:
Тест будет состоять из 3 вопросов, вы можете установить правильный ответ в каждом из вопросов и в зависимости от набранных баллов перенаправить посетителя на разные страницы.
Рассмотрим код первого вопроса:
Здесь правильный ответ помечен значением value2, все остальные имеют значение value1.
Теперь давайте посмотрим на простой оператор if, который мы используем в JavaScript, чтобы найти сколько же набрано правильных ответов в тесте:
В принципе, мы проверяем только значение value2 и в зависимости от его количества выставляем оценку.
После того, как мы узнали оценку, то можем перенаправить посетителя на разные странички, в зависимости от результата:
Например, перенаправить посетителя на страничку /ocenka2.html.
Вот готовый код файл index.html:
2. Создаем простой опрос на javaScript:
Рассмотрим код первого вопроса:
Затем мы повторяем этот шаблон для каждого вопроса.
Теперь давайте посмотрим на простой оператор if, который мы используем в JavaScript, чтобы найти ответ с наибольшим значением:
В принципе, мы проверяем, что сумма всех ответов со значением value1 выше суммы других возможных вариантов, а также что она выше 0.
Мы выполняем одинаковую проверку для каждого значения.
После того, как мы знаем, самое высокое значение, мы можем использовать этот результат, например, чтобы перенаправить посетителя на разные url:
Так если в большинстве вопросов был выбран ответ под цифрой 1, то result = value1 и соответственно посетитель попадет на страничку value1.html.
Приветствую вас дорогие друзья! В сегодняшнем выпуске мы рассмотрим тест, написанный на javascript! Совсем недавно я рассказывал как проверить билетик — счастливый или нет, сегодня мы создадим простецкий тест и как всегда в конце статьи будет Demo пример. Итак, давайте сначала разберем структуру нашего теста..
Из чего состоит тест?
Наш тест будет посвящен знанию английских слов, а именно — он будет содержать один вопрос (слово, требующее перевода) и четыре (4) варианта ответа. Для того, чтобы ответить, достаточно будет нажать на желаемый вариант ответа.
Для примера, я составил тест из четырех вопросов, а значит, что должно быть и 4 варианта ответов.. Итого — потребуется: 4 вопроса 4 * 4 = 16 вариантов возможных ответов 4 варианта правильных ответов
Где хранить вышеперечисленные данные?
Хранить все необходимые данные мы будет в массивах, так как с ними легко работать, добавлять новые элементы и удалять элементы. В нашем случае структура хранения данных будет выглядеть следующим образом:
Массив questions В данном массиве содержатся вопросы (в нашем примере — это слова на русском либо на английском языке). Массивы number1 (2,3,4) Четыре данных массива предназначены для хранения вариантов ответа.
Массив answer В этом массиве мы будем хранить правильные варианты ответа, а точнее, индексы массивов с правильным вариантом ответа.
Особенности теста
Первая особенность: тест начинается по нажатию на кнопку — «Приступить к тесту» — после нажатия, данная кнопка исчезает и появляется тест и также кнопка завершения.
Вторая: Имеется кнопка («Начать сначала»), соответственно, позволяющая начать тест с самого начала.
Третья: По завершению работы теста, появляется всплывающее окно, в котором выводится информация о количестве правильных ответов. Код программы Давайте рассмотрим полный (со стилями и html разметкой) код нашего теста и разберемся подробнее.. Итак, разберем первые четыре переменные: var countQuest — переменная, которая ведет подсчет вопросов — если она меньше количества вопросов в массиве, то увеличиваем её на единицу и продолжаем тест, иначе выводим количество правильных ответов. var plus — данная переменная содержит количество правильных ответов, и увеличивается, когда число, переданное пользователем при клике на вариант ответа, совпадает с числом из массива правильных ответов (answer). var test_start — эта переменная нужна для запуска теста, 0 — не запущен, 1 — запущен.
Функция check — эта единственная функция, которая и отвечает за сам процесс тестирования. Она имеет один (1) параметр — их примеры: check(4) — это означает, что нужно запустить тест check(5) — это означает, что нужно запустить тест заново. Такие значения параметров, как: 0,1,2,3 — означают соответствующие варианты ответа. Думаю, все остальное понятно из кода.
Как его использовать на своем сайте?
Для того, чтобы данный код изменить под свои нужды, необходимо просто изменить значения и (или) элементы массива, например, количество вариантов ответов либо общее количество вопросов. Данный код не является идеальным, он написан в целях ознакомления, надеюсь он кому-нибудь пригодится в личных целях.
Демо пример
Вот так вот он выглядит в работе..
На этом пример на javascript подошел к концу, желаю вам удачи и до скорых встреч! Добавлен улучшенный тест 05.01.2017: Как сделать тест на javascript с ответами?
Дата последнего изменения: 2019-01-05 21:15:28
БлогNot. Как сделать простой тест на JavaScript, с ответами «да» или «нет» и подсчетом ба.
Как сделать простой тест на JavaScript, с ответами «да» или «нет» и подсчетом баллов
Ответ на заданный вопрос.
На самом деле все ответы есть на моем сайте по следующим ссылкам:
Архив с обучающей статьей и примерами по JavaScript
Раздел по JavaScript с множеством доступных для скачивания архивов
Приведу здесь пример с комментариями именно для теста на JavaScript.
Источник: