Tengo un buscador mediante el cual, al tipear en el input, se despliega una lista de sugerencias. Necesitaría saber cómo puedo hacer para que cuando el usuario borre lo ingresado en el input y este quede VACIO, esa lista de sugerencias desaparezca y vuelva al estado inicial.
<input type="text" class="search-input" id="searchinput" placeholder="Busca gifs, hashtags, temas, busca lo que quieras…">
let input = document.getElementById("searchinput");
input.addEventListener('keypress', (e)=>{
let menu = document.getElementById('busquedas-sugeridas');
let valorInput = document.getElementById("searchinput").value;
menu.style.display = 'block'; //muestra las sugerencias
if (e.keyCode == 13){
verMasGifs(valorInput);
guardarBusqueda();
menu.style.display = 'none';
}
})