Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 10.01.2018, 20:12
Новичок на форуме
Отправить личное сообщение для usit46 Посмотреть профиль Найти все сообщения от usit46
 
Регистрация: 10.01.2018
Сообщений: 1

Создать тест на JavaScript для сайта
Здравствуйте. Подскажите пожалуйста, как сделать тест для сайта на javascript: тест содержит 20 вопросов, у каждого вопроса 4 варианта ответа, каждому ответу присваивается некоторое количество баллов, результат (уровень депрессии) зависит от суммы этих набранных баллов.

1. Я чувствую печаль и подавленность
Редко
Иногда
Часто
Постоянно

...

20. Я чувствую беспричинную усталость
Редко
Иногда
Часто
Постоянно

Под тестом будет кнопка "Узнать результаты". При нажатии на эту кнопку программа должна посчитать суммарный балл и вывести на экран один из четырёх ответов:
1) от 20 до 49 баллов – Норма
2) от 50 до 59 баллов – Легкое депрессивное расстройство
3) от 60 до 69 баллов – Депрессивное расстройство средней степени тяжести
4) от 70 до 80 баллов – Депрессивное расстройство тяжелой степени

Буду очень благодарен Вам, если поможете сделать этот тест.
Изображения:
Тип файла: jpg 65788.JPG (91.5 Кб, 6 просмотров)
Ответить с цитированием
  #2 (permalink)  
Старый 10.01.2018, 20:55
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,108

usit46,
нужно начать самому ... сделать данные для начала (придумать структуру) ... сделать таблицу на основе этих данных ... кнопку для запуска расчёта ... блок результата ... алгоримт подсчёта ... функцию самого расчёта и вывода ... иначе раздел работа.
поиск примеров, тоже хороший навык.
Ответить с цитированием
  #3 (permalink)  
Старый 11.01.2018, 11:47
Профессор
Отправить личное сообщение для Dilettante_Pro Посмотреть профиль Найти все сообщения от Dilettante_Pro
 
Регистрация: 27.11.2015
Сообщений: 2,899

Набросок
<div id="quest"></div>
<select id = "answ">
   <option disabled selected>Выберите ответ</option>
   <option value= "1">Редко</option>
   <option value= "2">Иногда</option>
   <option value= "3">Часто</option>
   <option value= "4">Постоянно</option>
</select>
<div id="res"></div>
<script>
var question = ["Я чувствую печаль и подавленность",
"Вопрос",
"Вопрос",
"Вопрос",
"Вопрос",
"Вопрос",
"Вопрос",
"Вопрос",
"Вопрос",
"Вопрос",
"Вопрос",
"Вопрос",
"Вопрос",
"Вопрос",
"Вопрос",
"Вопрос",
"Вопрос",
"Вопрос",
"Вопрос",
"Я чувствую беспричинную усталость"],
      result = 0,
      i = 0;
quest.innerHTML = (i + 1) + " " + question[i];
      
answ.onchange = function() { 
   result += +answ.value; 
   if( i < question.length - 1) {
        answ.options[answ.options.selectedIndex].setAttribute("selected","");
        i++;
        quest.innerHTML = (i + 1) + " " + question[i];
        answ.options[0].setAttribute("selected","selected");
        answ.value = answ.options[0].text;
   }
   else  {
       if(result >= 20)    res.innerHTML = result + " - Норма";
       if(result >= 50)    res.innerHTML = result + " - Легкое депрессивное расстройство";
       if(result >= 60)    res.innerHTML = result + " - Депрессивное расстройство средней степени тяжести";
       if(result >= 70)    res.innerHTML = result + " - Депрессивное расстройство тяжелой степени";
   }
}


</script>

Последний раз редактировалось Dilettante_Pro, 11.01.2018 в 11:52.
Ответить с цитированием
  #4 (permalink)  
Старый 11.01.2018, 12:04
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,108

Dilettante_Pro,
возможно строку 36 надо перенести на 38.
Ответить с цитированием
  #5 (permalink)  
Старый 11.01.2018, 13:38
Профессор
Отправить личное сообщение для Dilettante_Pro Посмотреть профиль Найти все сообщения от Dilettante_Pro
 
Регистрация: 27.11.2015
Сообщений: 2,899

рони,
Нет, надо просто прятать вопрос и селект по окончании теста.

Там и по вопросам надо менять value в option, т.е. и массив должен быть двумерным.
Это же набросок... Для начала. А то ТС замолчал.

Последний раз редактировалось Dilettante_Pro, 11.01.2018 в 13:43.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
размножить кнопки для сайта Anshag (X)HTML/CSS 3 26.11.2015 06:18
Создать табы для меню сайта FARCER Элементы интерфейса 0 22.11.2015 17:57
Создать тест с вариантами ответов Anya Общие вопросы Javascript 9 16.12.2011 14:06
Помогите создать javascript для ВКонтакте roxana_babay Оффтопик 2 19.01.2011 06:43