hw 12

💼 Homework

1️⃣ Обязательная часть
( ☝️ удовлетворительно )

Захостить на гитхабе приложение, которое:

• читает куки на клиенте, и если там есть дата последнего посещения, выводит ее на страницу
• пишет в куки на клиенте текущую дату посещения

---

2️⃣ Дополнительно
( 👌 хорошо )

localStorage

Объявить функцию, которая будет вызываться в момент изменения хэш-части адреса страницы

и сохранять в localStorage клиента hash-часть адреса страницы как pageId

и время входа ( в секундах ) как startTime

Назначить эту функцию обработчиком события hashchange объекта window

Желательно, чтобы при изменении хеш-части адреса происходило обновление контента страницы без перезагрузки

( например, изменялся заголовок и картинка, чтобы создать иллюзию перехода на новую страницу )

Отслеживать в панели разработчика изменения в localStorage

---

После загрузки страницы меняйте хеш-часть адреса на 0, 1, 2, 3

и наблюдайте изменения на странице и в localStorage

---

3️⃣ Дополнительно
( 👌 отлично )

Рулетка

Напилить код, который:

• вставляет кнопку на страницу
• добавляет обработчика события click кнопки

Обработчик события click:

• вычисляет случайное целое число от 1 до 20000 и помещает его в переменную winner
• добавляет 👉 картинку
• ждет 4 секунды
• плавно изменяет непрозрачность картинки до 0, в процессе изменяя src картинки на 👉 новое значение
• плавно изменяет непрозрачность картинки до 1
• ждет еще 2 секунды, и делает fetch-запрос на гитхабовский API, чтобы получить данные юзера под номером winner
• при получении ответа изменяет src картинки на аватарку юзера, а так же вставляет логин юзера под фотографией
• ждет еще 10 секунд и удаляет картинку и подпись

На время показа картинок кнопку лучше прятать

---

.