• Теория
  • Теория

Испытание: Оцените сайт

Кекс решил узнать, что посетители думают о новостном портале «Flashnews». Для этого он создал страницу опроса. Чтобы сэкономить пользователям время, Кекс сам написал все отзывы и добавил их на страницу в виде группы радиокнопок.

Группа радиокнопок позволяет выбрать один вариант из нескольких предложенных. Активной может быть только одна радиокнопка в группе. Если активировать другую радиокнопку, то первая автоматически выключится.

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

Опрос показал, что не все пользователи в восторге от сайта. Кекс огорчился… И решил, что нужно срочно доработать страницу опроса!

План такой: если пользователь выбирает хороший отзыв, то всё должно работать, как прежде. Если же выбран плохой отзыв, то кнопку отправки нужно заблокировать, а пользователю сказать, что произошла ошибка.

Написать скрипт Кекс поручил вам. Вот что следует учесть:

  • У всех радиокнопок есть класс review.
  • Чтобы отслеживать переключение радиокнопок, нужно добавить обработчик событий onchange каждой радиокнопке.
  • У всех радиокнопок есть атрибут data-evaluation. Если отзыв хороший, значение этого атрибута — 'good', а если плохой — 'bad'.
  • Кнопка отправки имеет класс submit-button. Если пользователь выбрал плохой отзыв, кнопку нужно заблокировать, а если хороший — разблокировать.
  • Чтобы показать сигнал об ошибке, элементу с классом error нужно добавить класс shown. Сигнал нужно показывать, если пользователь выбрал плохой отзыв. Если выбран хороший отзыв, сигнал об ошибке нужно спрятать.

Хотите начать карьеру веб-разработчика? Записывайтесь на профессию «Фронтенд-разработчик», которая стартует 27 мая 2024. Всего от 4690 ₽в месяц.

Минимальный вид табов
  • index.html
HTML
HTML

Вы перешли на другую страницу

Кликните внутри мини-браузера, чтобы поставить фокус в это окно.

100%
Бабушка Кекс

Притормози, дружище

Проходить вызовы части «Прокрутка и операторы» тренажёра «Знакомство с JavaScript» можно после регистрации и оформления подписки.