попробуй так:
const data = () =>{
let ul = document.createElement('ul');
ul.classList.add("list__ul");
let mas = list.forEach(item =>{
const {name, surname} = item;
let li = document.createElement('li');
li.classList.add("list__li")
ul.appendChild(li);
li.innerHTML = ${name} ${surname}
list__data.appendChild(ul);
})
}
сейчас вообще ничего не выводиться.
я думаю в этой функции что-то не так(
cl.addEventListener("input", function(){
const ho = () =>{
let val = this.value;
let elastic = document.querySelectorAll('.list__ul li');
if( val != " "){
elastic.forEach((elem,i) =>{
if(
elem.innerText.search(val) !== -1){
elastic[i].classList.remove('hide');
list__data.style.display ="none";
}
else{
list__data.style.display ="block";
elastic[i].classList.add('hide');
}
})
}
}