будет 3 опции
1- Лиса
2-Волк
3-Кабан
Написать логику используя es6 которая будет реализовывать следующие действия:
При выборе одного из трех зверей и нажатия на первую кнопку - покажется в левом нижнем углу snackbar с сообщением на зеленом фоне:
для Лисы - «Лиса хитрый зверь»
для Волка - «Волк вожак стаи»
для Кабана - «Кабан дикий свин»
Сообщение должно исчезать само спустя 3 секунды, или при клике на него
При клике на вторую кнопку snackbar должен появиться в правом верхнем углу с фиолетовым фоном и белым текстом в нем:
для Лисы - «Он ничем не отличался от ста тысяч других лисиц»
для Волка - «Волк собирает грибы в лесу»
для Кабана - «Кабан свинья, которая не поддалась на уговоры»
При клике на вторую кнопку snackbar должен появиться в правом верхнем углу с серым фоном и черным текстом в нем:
для Лисы - «Рыжий лис»
для Волка - «Волк меняет шкуру, но не нрав»
для Кабана - «Кабан санитар леса»
При выполнении задачи должны использоваться классы и самое важное использовать класс для переиспользования повторяемой логики для других, настройки для снекбара должны передаваться при инициализации классов
И слегка перефразирую
вцелом задание 3 действия на 3 кнопки в зависимости от селекта?
Отлично, выполняй!
Обсуждают сегодня