Передвижение элементов по экрану?

Question

[IvanIvanIvanIvanIvan]

Суть очень простая. Нажимаем на кнопку button, запускается цикл который проходит по массиву и создает элементы с содержанием из массива, после чего все это добавляется на страницу
Можете нажать на кнопку, выскочит три абзаца.
Суть вопроса в следующем, как сделать так, что-бы эти абзаца после создания, еще можно было перемещать по экрану с помощью мышки. Нам на курсах показывали, но у меня тут что то не получается
https://jsfiddle.net/5v1bkwny/

Comments

[Kovalsky]

Вас на курсах не учили в консоль смотреть?) Заглянули бы и сразу бы всё стало понятно.

[IvanIvanIvanIvanIvan]

Никита Полевой, Я залядывал, переделывал, все равно какая та байда на выходе

[Kovalsky]

IvanIvanIvanIvanIvan, так и за чем дело стало? Берёте консоль, смотрите в неё, видите сообщение "Cannot set property 'left' of undefined, at getMouse", понимаете, что проблема в функции getMouse, а именно в том месте, где пытаетесь получить доступ к свойству left некоего объекта, и выясняете какого черта этого объекта не существует.

[IvanIvanIvanIvanIvan]

Никита Полевой, Я уже давным давно это увидел. Проблема в том что я не знаю как сделать что бы работало

[Kovalsky]

IvanIvanIvanIvanIvan, в моём предыдущем сообщении не было пункта "сделать что бы работало", зато есть пункт "выясняете какого черта этого объекта не существует", который вы проигнорировали. Выясните, какому объекту устанавливаете значение свойства style, тогда вам станет всё понятно.

Answer 1

[Сергей Попов]

Все просто. Ты пытаешься обратиться к событию mousemove, вместо элемента. У события нет свойства style. Для того, чтобы изменить стиль самого элемента, следует воспользоваться e.target.style