Домашнее задание к модулю "Асинхронность, работа с сетью"

Я думаю, ты помнишь времена, когда для участия в программе лояльности предлагали заполнить анкету прямо на кассе.

К счастью, в наши дни 99% таких анкет перекочевало в интернет 🌚

Предлагаю тебе реализовать одну из них (можешь с помощью HTML и CSS задать свою уникальную тематику), а заодно потренироваться в отправке POST-запросов.

Заготовка программы находится в script.js. Продолжай работать в ней.

Задание

При клике на кнопку «Отправить» отправляй POST-запрос на адрес https://polinashneider.space/user с данными из полей формы.

Вместо конкретных строк (ну и значения agree) в примере ниже используй значения инпутов

• Для текстовых полей тебе поможет атрибут value
• Для чекбокса — атрибут checked

Пример запроса на сервер:

fetch(`https://polinashneider.space/user`, {
    method: 'POST',
    headers: {
      'Accept': 'application/json',
      'Content-Type': 'application/json',
      'Authorization': 'Bearer: PolinaShneider'
    },
    body: JSON.stringify({
      "name": "Полина",
      "secondName": "Shneider",
      "phone": 89990000000,
      "email": "polina@gmail.com",
      "agree": true
    }),
})

Чтобы сервер понял, кто ты, укажи в заголовке авторизации свой nickname с GitHub.

Например, так может выглядеть отправка POST-запроса с помощью fetch с заполненным заголовком. Только вместо PolinaShneider укажи свой. Строку "Bearer:" не трогай

Если ты не укажешь заголовок авторизации или удалишь слово Bearer, сервер тебе вернет следующий ответ:

В случае успешной отправки данных показывай пользователю уведомление. Реализация на твой вкус, но лучше подойти к делу творчески и выйти за пределы обычного alert'a.

Если во время отправки данных на сервер произошла ошибка, также показывай пользователю сообщение об этом.

После успешной отправки очищай поля формы. Совет: присмотрись к reset

Желаю удачи! 🥰