Задания javascript: DOM

DOM — объектная модель документы, позволяет работать с узлами документа, обращаясь к их свойствам и методам. Часть свойств описывают отношения между узлами в DOM-дереве. Методы позволяют находить, клонировать, вставлять, добавлять, удалять узлы дерева.

Есть HTML-разметка: https://jsfiddle.net/htmllab/xwu06x64/1/
Написать скрипт: при нажатии на кнопку, добавлять в div с идентификатором «container» фрагмент разметки:
```
 <div class="item"> 
 <h3>Заголовок</h3>
 <p>текст текст текст</p>
 </div>
```
При нажатии на ссылку, равномерно перемещать HTML-элемент с классом .play вправо
https://jsfiddle.net/htmllab/xwu06x64/2/
* Создать скрипт, который при нажатии на гиперссылку «Добавить» будет показывать в нижней части окна браузера уведомление, подобно тем, которые появляются в социальных сетях при получении сообщения.
https://jsfiddle.net/htmllab/qwd3hj3s/1/
При нажатии на гиперссылку менять фоновый цвет элемента с классом .play на прозрачный. Примечание: используйте CSS-свойство opacity.
Разметка: https://jsfiddle.net/htmllab/fjrjL240/
* Написать скрипт, который будет выполнять работу, подобную библиотеке http://lokeshdhakar.com/projects/lightbox2/.
* Познакомьтесь с компонентом Bootstrap — индикатором загрузки (Индикатор загрузки в Bootstrap, видео об индикаторе загрузки в Bootstrap). Создайте скрипт, который будет анимировать изменение показателя индикатора загрузки
* Создать скрипт, который при нажатии на гиперссылку анимировал движение элемента с классом .play по параболе в ветками вниз.
https://jsfiddle.net/htmllab/ue5L269t/