В этой статье я расскажу о том, как работает перетаскивание объектов в HTML5. Для начала создадим файл index.html, папки js и css. В папке js создадим файл common.js, а в папке css создадим файл style.css Теперь напишем разметку в файле index.html Теперь напишем стили в файле style.css В результате в браузере увидим следующее Перейдем в файл common.js и начнем писать код. В начале повесим на объект window событие load, которое будет вызвано после того, как страница полностью загрузится. Затем...

🚀 Веб-разработка с нуля: Урок 14 - Drag&Drop сортировка Привет, будущие гуру интерфейсов! 👨💻👩💻 Сегодня добавим в наш To-Do List профессиональную сортировку задач перетаскиванием — как в лучших менеджерах задач! 🔥 Что нового освоим: 1. HTML5 Drag and Drop API 2. Работу с событиями перетаскивания 3. Сохранение порядка задач в localStorage 🖱 Основные события Drag&Drop: - dragstart — начало перетаскивания - dragover — элемент над областью сброса - drop — сброс элемента - dragend — завершение перетаскивания 💻 Реализуем сортировку: 1...