romankuvshanov/task-events

Frontend course at tensor

Events

Установите зависимости:

npm install

В файле src/Events.js создайте функции, реализующие следующий функционал:

1. Создайте функцию createButton(). Необходимо, чтобы эта функция осуществила вставку в body тег button с текстом: "Удали меня". При клике по button удалить этот button.

2. Создайте функцию createArrList(arr), в которую передается 1 параметр: arr - массив строк. Функция выводит этот массив в виде маркированного списка внутри тега body. При наведении курсора мыши на элемент списка у этого элемента создается атрибут title, в котором записан его текст.

3. Создайте функцию createLink(), которая сгенерирует следующую разметку и вставит ее в body:

<a href="https://tensor.ru/">tensor</a>

При первом клике по ссылке в конец ее текста через пробел дописывается ее href. При следующем клике происходит действие по умолчанию (переход по ссылке в текущей вкладке).

4. Создайте функцию createList(), которая сгенерирует следующую разметку и вставит ее в body:

<ul>
    <li>Пункт</li>
</ul>
<button>Добавить пункт</button>

При клике по элементу li ему в конец текста добавляется восклицательный знак. При клике по button в конец списка добавляется новый элемент li с текстом: "Пункт". Клик по новому li также добавляет восклицательный знак в конец текста.

Проверить себя можно запустив команду npm run test.

После выполнения задания создайте pull request с решением.