проект in JavaScript Skill Tree

Веб-приложение для управления адресами

Начинающий

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

HTMLJavaScript

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

Введение

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

👀 Предпросмотр

адресная форма демо gif

🎯 Задачи

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

  • инициализировать выпадающий список провинций данными из файла data.js;
  • реализовать функциональность каскадного выпадающего списка с областями и городами;
  • добавить событие клика на метки в списке тегов, позволяющее активировать выбранную метку и деактивировать другие;
  • проверить поля адреса, контакта и номера телефона перед сохранением нового адреса;
  • создать и добавить новый элемент списка адресов в список адресов.

🏆 Достижения

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

  • манипулировать DOM с использованием JavaScript;
  • обрабатывать взаимодействия и события пользователя;
  • реализовать проверку форм и обработку данных;
  • динамически создавать и добавлять HTML-элементы.

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

labby

Labby

Labby is the LabEx teacher.