Показать сообщение отдельно
  #7 (permalink)  
Старый 12.08.2023, 11:26
Аватар для Aetae
Тлен
Отправить личное сообщение для Aetae Посмотреть профиль Найти все сообщения от Aetae
 
Регистрация: 02.01.2010
Сообщений: 6,585

alena0309, всё работает:
<script>
let userJsonURL = 'users.json';
let users = [];
let nameFilter = `name`;

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(``);
}

// имитация users.json
userJsonURL = 'data:,' + JSON.stringify([
  {name: 'filtered'}, 
  {name: 'Vasya-name'}, 
  {name: 'Zlatan-name'}
]);

fetch(userJsonURL)
  .then((res) => res.json())
  .then((data) => users = data)
  .then(render);
</script>
__________________
29375, 35

Последний раз редактировалось Aetae, 12.08.2023 в 11:28.
Ответить с цитированием