Появление div после заполнения input

Question

подскажите, пожалуйста, как реализовать следующее действие: есть input, вот код

<input class="field" id="number" type="text" placeholder="0000 0000 0000 0000">

после того, как в него будет введено 11 символов и более, нужно ,чтобы появлялся этот блок:

<div class="ccd"><a href="#" class="ddott">ДАЛЕЕ</a></div>

мне подсказали, что часть реализации делается так:

$(селектор поля).on("input",function() {if(this.value.length > 10)показывайте свой div});

не могу додуматься до конца...буду благодарен

Answer 1

number.addEventListener('keyup', function(event) {
  let length = this.value.length
  if (length > 10) {
    document.querySelector(".ccd").style.display = 'block';
  }
});

.ccd {
  display: none;
  background: red;
}

<input class="field" id="number" type="text" placeholder="0000 0000 0000 0000">
<div class="ccd"><a href="#" class="ddott">ДАЛЕЕ</a></div>

БЛОГ НА HUSL

Появление div после заполнения input

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