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