[alena0309]

Не знаю... Не получается вывести на html-страницу форму фильтра. Выводится только это:

fetch("users.json")
        .then(res=>res.json())

        .then(data=>{
            document.body.innerHTML = data.map((item)=>
                `
<div class="textcols-item show-modal">
<div class="trigger">
   <li style="list-style-type: none"><span class="name"><b><h3>${item.name}</h3></b></span></li>
  <br>
  <br>
   <i class="icono-iphone"></i> &nbsp ${item.phone}
  <br>
  <br>
   <i class="icono-mail"></i> &nbsp ${item.email}
   <br>
   </div>
   </div>
`).join(" ");
        })

А этот код не вывод:

const nameFilterUpper = nameFilter.toUpperCase();
    const wrapItemNameInSpan = (item) => `<span class="name">${item.name}</span>`;



    const render = () => {
        document.body.innerHTML = users.filter((item) => {
            const itemNameUpper = item.name.toUpperCase();

            return !nameFilter || itemNameUpper.includes(nameFilterUpper)
        }).map(wrapItemNameInSpan).join(``);
    }



    fetch(`users.json`)
        .then((res) => res.json())
        .then((data) => users = data)
        .then(render);