проект in JavaScript Skill Tree

Создание системы светофора с использованием JavaScript

Средний

В этом проекте вы научитесь создавать систему светофора, которая меняет цвет сигнала с красного на зеленый через определенный интервал времени. Этот проект поможет вам понять основы JavaScript и научиться манипулировать DOM для отображения различных элементов на основе событий, связанных с временем.

JavaScript

💡 Этот учебник переведен с английского с помощью ИИ. Чтобы просмотреть оригинал, вы можете перейти на английский оригинал

Введение

В этом проекте вы научитесь создавать систему светофора, которая меняет цвет света с красного на зеленый через определенный интервал времени. Этот проект поможет вам понять основы JavaScript и как манипулировать DOM для отображения различных элементов на основе событий, связанных с временем.

👀 Предварительный просмотр

изменение цвета светофора

🎯 Задачи

В этом проекте вы научитесь:

  • настраивать базовую структуру проекта на HTML и JavaScript;
  • реализовывать функцию для изменения отображения светофора на красный через 3 секунды;
  • реализовывать функцию для изменения отображения светофора на зеленый через 6 секунд;
  • координировать выполнение функций красного и зеленого сигналов с использованием async/await;
  • тестировать систему светофора и убедиться, что она работает как ожидается.

🏆 Достижения

После завершения этого проекта вы сможете:

  • манипулировать DOM с использованием JavaScript для изменения отображения HTML-элементов;
  • использовать setTimeout() для планирования событий, связанных с временем;
  • управлять асинхронными операциями с использованием async/await;
  • тестировать и отлаживать свой код JavaScript.

Преподаватель

labby

Labby

Labby is the LabEx teacher.