Arama verileri ilk etapta çıkmasın

Arama verileri anasayfa içerisinde aşağıdaki gibi çıkıyor. Bu arama verileri sadece kullanıcı bir karakter girdiğinde çıkması şeklinde nasıl yapabilirim. Yardım edebilir misiniz?
https://i.hizliresim.com/cP1y7e.png

KODLAR R10 ÜZERİNDEKİ CLOUDFLARE BLOK KOYDUĞUNDAN DOLAYI EKLEYEMEDİM
function myFunction() {
var input, filter, ul, li, a, i, txtValue;
input = document.getElementById("myInput");
filter = input.value.toUpperCase();
ul = document.getElementById("myUL");
li = ul.getElementsByTagName("li");
for (i = 0; i < li.length; i++) {
a = li[i].getElementsByTagName("a")[0];
txtValue = a.textContent || a.innerText;
if (txtValue.toUpperCase().indexOf(filter) > -1) {
li[i].style.display = "";
} else {
li[i].style.display = "none";

}
}
$("myInput").hide();
}
function filter() {
var filter = $("#myUL").val();
$('#myInput').show();
if (filter != '') $('#myInput').not('.'+filter).hide();

}

Bence bi kütüphane kullan select2 işini görür diye düşünüyorum. https://select2.org/
Eğer bu isteğini karşılamazsa autocomplate kütüphaneleri var aratıp onları araştırabilirsin.