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

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

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

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

    Всё работает!
    Правда, у нас ещё не работает «взятие фигур».
    Если поместить фигуру туда, где уже есть другая -
    на одной клетке появится сразу две фигуры.
  • Что было сложным: ничего
  • Комментарии: ---
  • Оценка видео-уроку:
Отчёт от 7180 за НаноШахматы / JavaScript - Завершение хода




Оцени работу

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

  • Отчёт оценивали:
    1Евгений Витольдович+1  

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




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

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

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

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