[МЭИ] [Web-технологии] КМ-5. Основы JavaScript - перемещение и трансформация объектов с помощью DOM (несколько вариантов)

КМ-5 Основы JavaScript - перемещение и трансформация объектов с помощью DOM

С помощью конструкций языка программирования JavaScript реализовать html-страницу отображенную в задании. В качестве основных инструментов обработки и динамических изменений на странице необходимо использовать конструкции DOM.

Варианты заданий:

1. Перемещение квадрата

С помощью конструкций Html, css и JavaScript реализовать страницу, изображенную выше. При нажатии клавиш со стрелками (left, right, up и down), изображенная на картинке фигура должна перемещаться в соответствующем направлении.

2. Добавление, удаление квадратов

Реализовать следующие функции: После нажатия на кнопки с цветом к списку должен добавится квадрат, соответствующего цвета. После нажатия на кнопку "Удалить первый" должен удалится первый элемент списка. После нажатия на кнопку "Удалить последний" должен удалится последний элемент списка

3. Перемещение логотипа FireFox между ячейками таблицы

Реализовать перемещение логотипа FireFox между ячейками таблицы по следующему алгоритму...

4. Добавление, поиск элементов списка

Реализовать следующие функции: После нажатия на кнопку "Добавить", должен добавиться новый элемент списка(изначально пустого), введенный пользователем в поле. После нажатия на кнопку "Найти", нужно найти все элементы списка, совпадающие со значением, введенном в поле, и их индексы нужно вывести в одном сообщении. Или вывести сообщение, что совпадений не найдено.

5. Часы

Установить время на заданный час

6. Заголовки H

Реализовать следующие функции для этих заголовков, с общим классом "h2": По наведению курсора соответствующий заголовок должен (слева-направо)...

Подробное описание заданий и скриншоты результатов приведены в демонстрационных файлах.