Кнопка "Показать пароль" для сайта с анимацией оставшегося времени до скрытия пароля

У вашего броузера проблема в совместимости с HTML5

???? https://ItGid.info
✈️ Телеграм: https://t.me/itgid_info
????‍???? Скачать код: https://itgid.info/ru/post/show-password

????‍???? Курсы:
HTML : https://itgid.info/ru/course/html
JavaScript: https://itgid.info/ru/course/js20
ReactJS: https://itgid.info/ru/course/reactjs
PHP: https://itgid.info/ru/course/php
Интернет магазин: https://itgid.info/ru/course/nodeshop

Канал ru: https://www.youtube.com/c/itgid
Канал UA: https://www.youtube.com/channel/UC2WY…

С помощью JavaScript делаем кнопку “Показать пароль” на сайте. При нажатии кнопки пароль, скрытый по умолчанию, отображается на 5 секунд (время можно менять). При отображении поле с паролем анимируется - начинает заполняться фон, при полном заполнении пароль становится скрытым. В коде применяется работа с setInterval, работа с классами и атрибутами, с анимацией CSS.

00:00 Начало
00:20 Пример работы кнопки и анимации
01:00 Создаем структуру проекта
02:15 Создаем верстку файла HTML
04:30 Пишем JavaScript код кнопки
11:30 Добавляем анимацию с помощью CSS
17:15 Исправляем баг setInterval для input
19:15 Подключаем Bootstrap

Моя рабочая станция:
Desktop: AMD Ryzen5 1600,Asus GeForce GTX 1650 Phoenix 4GB GDDR6, RAM: 32GB, 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

+ IBM Lenovo ThinkPad E14 / Intel Core i5-1135G7 (4.2 ГГц) / RAM 16 ГБ / SSD 1 ТБ / Intel Iris Xe Graphics