Как отследить input.value в реальном времени?

всем привет )
задача состоит в том, что бы при вводе любого тексте в данном инпуте, плавно появлялся блок с id= 'select'.
и если же input пустой, то блок с id= 'select' плавно прятался. (на чистом JS)
я додумался вот к чему
<input type="text" id="search">
        <select id="select">
            <option>Cupcake</option>
            <option>Cunut</option       
        </select>

function show() {
    var keyword = document.getElementById("search").value;
    var fleet = document.getElementById("select");
    if (keyword !== "") {
            fleet.style.display= "block"
        } else {
            fleet.style.display= "none"
        }
    }

ноо что то пошло не так как я хотел и я не могу понять в чем проблема.
  • Вопрос задан
  • 1085 просмотров
Пригласить эксперта
Ответы на вопрос 1
shmatuan
@shmatuan
8 year of Web, 5 years of Vue
https://learn.javascript.ru/events-change

p.s. судя по написанному - лучше прочитайте для начала учебник https://learn.javascript.ru/
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы