Как создать проверку пароля на JavaScript | JavaScript для начинающих

В этом видео практикуем условный оператор if/else на реальном примере - Password Checker. При вводе пароля считаем длину через length, и если меньше 8 символов - показываем "Too short", если 8 и больше - "Strong password". Меняем CSS класс через className для разного цвета статуса. ⏱ ТАЙМКОДЫ 0:00 - Демонстрация проекта - ввод пароля, счётчик символов, статус weak/strong 1:16 - Разбор разметки - атрибут oninput="check" на поле ввода 2:27 - Объявляем функцию check() 3:22 - Константа password через getElementById и .value 5:01 - Константа statusEl для элемента статуса 5:44 - Константа lengthEl для счётчика символов 6:09 - Выводим длину пароля через lengthEl.textContent = password.length 7:07 - if: password.length - пароль слишком короткий 8:01 - Блок if: className = "status weak", textContent = "❌ Too short" 9:20 - Проверка: вводим пароль - появляется статус Too short 9:37 - else: className = "status strong", textContent = "✅ Strong password" 10:40 - Финальная проверка - 7 символов weak, 8 символов strong 🔗 ИСХОДНЫЙ КОД 🔗 Исходный код: https://www.patreon.com/TopchiyDev 📚 ПЛЕЙЛИСТЫ И КУРСЫ 📚 Полный курс JavaScript с нуля: 👉 https://www.youtube.com/playlist?list=PLIEunNjc9UyvBaTS0blaMBQYJb5GLaMXB 🚀 JS Практика - проекты с нуля: 👉 https://www.youtube.com/playlist?list=PLIEunNjc9Uyv9Xo2A-WCT0D8c1Ret6bVu 📚 Полный курс HTML с нуля: 👉 https://www.youtube.com/playlist?list=PLIEunNjc9UytoWbG_xrleyom6NfiRLBDE 📚 Полный курс CSS с нуля: 👉 https://www.youtube.com/playlist?list=PLIEunNjc9UyuznEWwwMmvjpG9V2GxG1DQ 🟦 Полный курс Flexbox CSS: 👉 https://www.patreon.com/collection/1320002 🌐 Уроки по хостингу - запуск сайта: 👉 https://www.youtube.com/playlist?list=PLIEunNjc9UyvrhTE4KC5sJK_NoeUX8ZMU 📦 Исходники кода (Patreon): 👉 https://www.patreon.com/c/topchiydev/membership 💬 СОЦИАЛЬНЫЕ СЕТИ 💬 Telegram: 👉 https://t.me/TopchiyDev 🎓 Patreon: 👉 https://www.patreon.com/TopchiyDev #javascript #ifelse #passwordchecker #jsпрактика #jsдлябегиннеров #webdev #frontend #программирование