Cохраняем данные в форме при обновлении страницы (JavaScript)

Описание

⏰ Курс JavaScript 2.0: https://itgid.info/course/javascript-2
? Чат Telegram: https://t.me/itgid_info
? Разверни для полной информации

?? Канал Українською :
https://www.youtube.com/channel/UC2WYDELeKCCfJoQMFPiMvJg
Канал ru: https://www.youtube.com/c/itgid

? Курс Методы массивов: https://itgid.info/course/arraymethod
? Курс Функции в JavaScript: https://itgid.info/course/function-2021
??? Сайт: https://itgid.info

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

00:00 Вступление
01:50 Создаем форму в HTML
06:10 Переходим к JavaScript
07:40 Получаем данные из input, делегирование
11:26 Проверяем запись в localStorage
12:27 Восстанавливаем данные в форму
16:47 Добавляем select в форму
17:35 Добавляем radio buttons в форму
18:12 Сheckbox и доработка кода
22:46 Добавляем DomContentLoaded


Моя рабочая станция:
Desktop: AMD Ryzen5 1600,Asus GeForce GTX 1650 Phoenix 4GB GDDR6, RAM: 16GB, Motheboard: MSI A320M PRO-M2 V2, Power: Chieftec Value APB-400B8 400W Bulk, Box: Gougar MX350 Mesh
HDD:
- Samsung 860 Evo-Series 500GB M.2
- Toshiba P300 2TB
- Silicon Power A56 256GB

Monitors:
- 23.8" Dell P2419HC
- 23.8" Dell P2418D

Mouse: Trust Verto Ergonomic Wireless
Keyboard: HP KU-1469
Microphone: Samson C01U Pro

+ MacBook Pro M1 13'' 8-Core CPU/8-Core GPU/16-core Neural Engine /16GB/256GB
+ IBM Lenovo ThinkPad E14 / Intel Core i5-1135G7 (4.2 ГГц) / RAM 16 ГБ / SSD 1 ТБ / Intel Iris Xe Graphics