Появление div после заполнения определенное количство символов в input

Question

Как сделать чтобы к примеру человек ввёл определенное количество символов и вывелся новый , если он удалил символы в input то исчез. Заранее спасибо, нужно на js.

Answer 1

Пример

.div {
  display: none;
}

.input-code:valid~.div {
  display: block;
}

<form action="#">
  <input type="text" class="input-code" pattern='.{5}' name="code" placeholder="Code" required>
  <div class="div">Some block</div>
</form>

БЛОГ НА HUSL

Появление div после заполнения определенное количство символов в input

Ответы (1 шт):