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

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

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

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




Оцени работу

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


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




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

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

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

Ты в любой момент сможешь отписаться от рассылки.


Научился: Научился перемещать фигуры с одной клетки в другую.
Все хорошо - можно в шахматишки играть, только как убирать битые фигуры?


Научился:  На этом ypоке мы завершим поcaдкy фигуры на новую клетку шахматной доски. При отпускании фигуры происходит событие ondrop, в атрибуте которого мы сделаем вызов функции drop(). Эта функция принимает событие event. Нам опять нужно отменить действие по умолчанию и принять полученный объект. Помните, мы сохраняли id-код span'a, фигуру которого мы переносим? Теперь мы получаем этот код, чтобы получить доступ к span элементу. На этот раз в event.target находится площадка приземления, мы используем её метод appendChild() для размещения объекта. Всё работает! Правда, у нас ещё не работает «взятие фигур». Если поместить фигуру туда, где уже есть другая - на одной клетке появится сразу две фигуры.
---