На этом уроке мы завершим посадку фигуры на новую клетку шахматной доски. При отпускании фигуры происходит событие ondrop, в атрибуте которого мы сделаем вызов функции drop(). Эта функция принимает событие event. Нам опять нужно отменить действие по умолчанию и принять полученный объект. Помните, мы сохраняли id-код span'a, фигуру которого мы переносим? Теперь мы получаем этот код, чтобы получить доступ к span элементу. На этот раз в event.target находится площадка приземления, мы используем её метод appendChild() для размещения объекта.
Дата отправки отчёта:
18 марта 2024 г.
Задание выполнено: за
7 мин.
Чему научился:
Благодарю за урок. Чтобы отключить всплывающее окно, нужно было закомментировать событие alert
Научился: Научился реализации Drag'n'Drop Как реализовать задание со звездочкой пока не знаю - JS не владею, но в принципе есть догадки, что надо использовать не appendChild, а replaceChild, либо после аппенда удалять предыдущего потомка.
Ну да ладно, посмотрим как это реализовано в следующем уроке.
Научился: event - ход или событие
Сначала отключаются действия браузера по умолчанию для собственных идей
Затем getData присваивает переменной id значение фигуры с клетки откуда ходили
appendChild присваивает клетке где отпустили ЛКМ значение шахматной фигуры с клетки где ЛКМ была зажата Трудности: https://www.youtube.com/watch?v=T5WdpSPeQUE