Домашнее задание по JavaScript в браузере. Браузерные события

Задача №1

Сверстать страницу, состоящую из трех слоев квадратной формы со сторонами 400, 300 и 200 пикселей и фона в виде паттерна. При перемещении курсора на странице слои перемещаются в стороны, противоположные от перемещений курсора. Чем больше слой, тем на большее расстояние он перемещается. Фон страницы перемещается в том же направлении, что и курсор. Начальное положение слоев произвольно, но при помещении курсора в центр страницы слои тоже центрируются.

Пример работы скрипта на видео https://youtu.be/fT1tFKbGYWQ

В качестве фона взять изображение https://br3t.github.io/fstk/hometask/task_15/bg.gif

Поместить скрипт в файл parallax.html

Задача №2

Написать скрипт, подключаемый к странице. При вводе с клавиатуры скрипт генерирует "модальные" окна для каждой нажатой клавиши. Каждое "модальное" окно имеет фиксированный отступ от предыдущего. Окна имеют кнопку "х" для закрытия окна. При клике на окно оно перекрывает предыдущие. Окно можно перетаскивать за область заголовка.

Пример работы скрипта на видео https://youtu.be/aBEymKdTnuw

Поместить скрипт и html в файлы modal.js и modal.html

Указания по выполнению задания

Ссылка на полную версию этой страницы