Курсы по программированию

Формула программиста
основатель — Волосатов Евгений Витольдович

НаноШахматы / JavaScript - Завершение хода

  • На этом уроке мы завершим посадку фигуры на новую клетку шахматной доски.
    При отпускании фигуры происходит событие ondrop,
    в атрибуте которого мы сделаем вызов функции drop().
    Эта функция принимает событие event.
    Нам опять нужно отменить действие по умолчанию и принять полученный объект.
    Помните, мы сохраняли id-код span'a, фигуру которого мы переносим?
    Теперь мы получаем этот код, чтобы получить доступ к span элементу.
    На этот раз в event.target находится площадка приземления,
    мы используем её метод appendChild() для размещения объекта.
  • Дата отправки отчёта: 27 сентября 2016 г.
  • Задание выполнено: за 1 час. 20 мин.
  • Чему научился: Работать Drag&Drop
  • Что было сложным: Разобраться как работает Drag&Drop
  • Комментарии: Через javascript не смог сделать взятие фигуры, сделал через CSS
  • Оценка видео-уроку:
Отчёт от 459 за НаноШахматы / JavaScript - Завершение хода




Оцени работу

 
Сохранить страницу:


Начинаем практику по языку C#




Чтобы стать хорошим программистом — нужно писать программы. На нашем сайте очень много практических упражнений.

После заполнения формы ты будешь подписан на рассылку «C# Вебинары и Видеоуроки», у тебя появится доступ к видеоурокам и консольным задачам.

Несколько раз в неделю тебе будут приходить письма — приглашения на вебинары, информация об акциях и скидках, полезная информация по C#.

Ты в любой момент сможешь отписаться от рассылки.
Научился: научилась использовать новую функцию, которая позволаяет перетаскивать фигуры и ставить их на новые позиции.
Трудности: сложно было найти свои ошибки.
спасибо за урок.
Научился: Научился реализации Drag'n'Drop
Как реализовать задание со звездочкой пока не знаю - JS не владею, но в принципе есть догадки, что надо использовать не appendChild, а replaceChild, либо после аппенда удалять предыдущего потомка. Ну да ладно, посмотрим как это реализовано в следующем уроке.