Мы заставили полоску расти вместе с длиной пароля. Отличная работа! Теперь нам нужно задать ей правильный цвет. Если пароль короткий, полоска должна быть красной, если средний — жёлтой, а если пароль длинный — зелёной. Для этого нам понадобится условная конструкция, в которой мы будем сравнивать длину пароля password.value.length с разными числами. Запись в итоге может получиться очень длинной.

Позаботимся о своём удобстве заранее — запишем длину пароля в отдельную переменную и будем использовать именно её.

let passLength = password.value.length;

Длина пароля меняется с каждым введённым символом. Чтобы в переменной passLength всегда было актуальное значение, присваивать его надо внутри обработчика событий oninput.

Объявим переменную passLength и используем её в инструкциях, где нам нужна длина пароля. Проверим, что ничего не сломалось.