https://www.libraryfutures.net/assets/js/blog.js

1window.addEventListener('load', e => {
2
3  const onFilter = (e) => {
4    let author = e.target.value;
5    const toShow = document.querySelectorAll(`article:has(span[data-author="${author}"])`);
6    for (const el of toShow){
7      el.classList.remove('hidden');
8    }
9    const toHide = document.querySelectorAll(`article:not(:has(span[data-author="${author}"]))`);
10    for (const el of toHide){
11      el.classList.add('hidden');
12    }
13  }
14  const select = document.getElementById('author-select')
15  if (select){
16    select.addEventListener('change', onFilter);
17  }
18
19})