Практика JS

Выполнить практику на языке Java script

Название: Итоговое домашнее задание

Цель задания: Закрепить навыки полученные при прохождении темы

Аннотация: При выполнении данного задания, Вы закрепите навыки работы с типами данных, объектами и массивами

Техническое задание:

Задание 1: При помощи JavaScript создайте элемент h1, добавьте внутрь текст ‘Hello World !’ и выведите этот тег на страницу.

Задание 2: При помощи JavaScript создайте список ol и выведите его на страницу.

Создайте массив employees и заполните его объектами (5-6 штук) с ключами firstName и lastName в которых соответственно должны быть записаны имя и фамилия.

Создайте цикл который будет проходить по элементам массива. На каждой итерации нужно создавать элемент li, внутрь которого записывать строку с именем и фамилией, а после этого добавлять li в ранее созданный список ol.

В итоге на странице должен отображаться список с именами и фамилиями

Задание 3: При помощи JavaScript создайте квадратный контейнер div с шириной и высотой 50px, красного цвета. Выведите его на страницу. При клике на этот контейнер он должен менять свою форму на круг, и наоборот.

*Дополнительное задание: Сделайте плавность перехода при помощи анимации.

Задание 4: Создайте объект calculator. Внутри данного объекта реализуйте методы сложения, вычитания, умножения, деления. Каждый метод должен принимать в качестве аргументов 2 числа, и производить над ними соответствующую операцию. Вызовите каждый метод 1-2 раза с разными значениями.

*Дополнительное задание: Добавьте обработку пограничных случаев.

Задание 5: При помощи JavaScript создайте input и кнопку. Внутрь кнопки запишите строку ‘Сохранить’ Выведите их на страницу.

При клике на кнопку текст введённый в input должен сохраняться в localStorage. Используйте ключ ‘Text’. После этого, через 2 секунды достаньте из localStorage сохраненное значение и выведите его в консоль.

Рекомендации для выполнения:

Для создания html элемента внутри js файла используйте метод createElement()

Для добавления элемента на страницу используйте метод .append()

Для прохода по элементам массива используйте цикл for of

Старайтесь давать переменным имена которые будут отражать суть их содержимого

В пятом задании используйте setTimeout для отложенного вывода в консоль

Формат сдачи: Архив с файлами проекта

Критерии оценки:

K1: Код запускается без ошибок, выполнены все задания – 20 баллов

К2: Большинство переменных и функций имеют хорошие имена – 10 баллов

К3: Выполнено хотя бы одно дополнительное задание – 5 баллов

K3: Выполнено два дополнительных задания – 5 баллов

Максимальное количество баллов — 40 баллов

Минимальное количество баллов — 20 балла