Проект на JavaScript для начинающих. Светофор. 

❗Подписывайся на мой телеграм-канал про IT, программирование и frontend → t.me/sergeydmitrievsky

Наступил тот день, когда для меня это стало слишком просто) это приятно)

Сергей. пожалуйста сделай видео или может сюда напиши почему именно так ты решаешь эту задачу. Ведь на первый взгляд действительно проще и удобнее все сделать через if, else if с добавлением и удалением классов в CSS. В этом будет огромная польза в плане обучения. Нужно понять именно логику выбора того или иного способа. Кто ЗА ставьте лайк!

Отличный урок. мне в свое время таких не хватало:) Кодварс больше абстрактные задачи дает, а вот таких практических , привязанных к чему-то реальному как раз и не хватает. Для тех, кто хочет потренироваться - можно реализовать переключение по времени(красный и зеленый горят 5 сек, желтый 2 например), а не по кнопке и сделать порядок цветов как в жизни - красный-желтый-зеленый-желтый-красный. Ну и левел-хард - отображать не просто цвет, а цветной таймер внутри круга как это сделано в обычных светофорах, который будет отсчитывать секунды до переключения на следующий цвет:)

Просто и понятно. Спасибо!

Не имею понятия ,что такое программирование ,но очень интересный видос !

Капец. Сколько негативных комментаторов. Те, кто говорят, что можно проще через иф-елсе. Вы либо только учитесь и не писали ещё больших, сложных приложений. Либо вы говнокодер, не останавливайтесь. Сергей не зря тимлид и стоит присмотреться к такому стилю написания кода

Спасибо!!!)))

А светофор разве не сам цвет меняет через определённое время?)

Почему не в ООП стиле?

А нельзя просто менять backgroundColor через через switch - case ?

Скажите, пожалуйста, я вот повторила ваш светофор и решила чуть усложнить задачу: сделала 3 таких кружочка, чтобы у каждого можно была выбрать свой цвет. создала кнопку, по которой бы запускалась проверка (предлагаю пользователю выбрать правильную последовательность цветов в светофоре). При правильном ответе должно выскакивать окно (alert) c текстом "Ответ верен. Вы молодец", при неправильном, соответственно, "Ответ неверен. Попробуйте еще раз", что реализовано через if...else. Сейчас у меня всегда ответ неверен. Я не совсем понимаю, что именно указать в условии, чтобы это работало if (.... === LIGHT.red && .... === LIGHT.yellow && .... === LIGHT.green){}else{}

А сделать то как сделал он тютелька в тютельку тоже считается что получилось ?)

Почему все имена констант капсом? Это на что-то влияет или просто для наглядности?

Логика нарушена: желтый это всегда промежуточный цвет

задача про светофор решается легко средствами современного CSS, зачем изобретать колесо )

Для fronted разработки подойдёт ноут Apple MacBook Air 13 M1/8/256GB Space Gray (MGN63)?

Сколько стоит стандарт и вип курсы за месяц?

SUPER LESSON

Есть способ ещё легче для решения этой же задачи

И вообще можно без js это всё сделать)

Мне кажеться это можно все намного проще сделать))