Новопашин Владимир / НаноШахматы / JavaScript

Работая с этим сайтом, Вы даете согласие на использование файлов Cookie.

Согласен

Подробнее

7119

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

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

Оцени работу

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

7238. --
Константин

ответить

→ Новопашин Владимир # НаноШахматы / JavaScript - Завершение хода / 2016-09-15 ^17:25

Я смотрю курс прям пошел достаточно легко ! :) За день несколько уроков.

10558. --
Иван Воронин

ответить

→ Константин # НаноШахматы / JavaScript - Завершение хода / 2016-09-15 ^18:53

да, этот курс не сложный, главное не торопиться и вникать в суть дела

7238. --
Константин

ответить

→ Новопашин Владимир # НаноШахматы / JavaScript - Завершение хода / 2016-09-15 ^19:06

Как я понимаю для этого курса нужно знания php? т.к. идут только одни картинки и по этим картинкам нужно выполнять задания. Практически все писать снуля?

10558. --
Иван Воронин

ответить

→ Константин # НаноШахматы / JavaScript - Завершение хода / 2016-09-16 ^04:50

тут все курсы с нуля пишут что-либо, так что дело не в картинках или видео, знаний можешь не иметь, но вот сервер с поддержкой php поставить надо будет, чтобы работало

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

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

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

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

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

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

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

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

Научился: event - ход или событие Сначала отключаются действия браузера по умолчанию для собственных идей Затем getData присваивает переменной id значение фигуры с клетки откуда ходили appendChild присваивает клетке где отпустили ЛКМ значение шахматной фигуры с клетки где ЛКМ была зажата
Трудности: https://www.youtube.com/watch?v=T5WdpSPeQUE

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

Формула программиста

7119