`; } ); } const addSeries = (post) => { let summary = document.createElement("summary"); summary.innerText = post.series; let ol = document.createElement("ol"); addLi(ol, post.seriesPosts); let detail = document.createElement("details"); detail.appendChild(summary); detail.appendChild(ol); document.body.appendChild(detail); } const header = (data) => { document.body.innerHTML += `

${data.subject}

`; } onload = () =>{ header(codeInfo); searchBarDiv(); posts.forEach( addSeries ); counting(); document.addEventListener("click", handleClick, false); } const handleClick = e => { } const searchBarDiv = () => { document.body.innerHTML += `

`; } const handleInput = () =>{ let queryString = document.querySelector("input").value; let listItems = document.getElementsByTagName("li"); let details = document.getElementsByTagName("details"); Array.from(details) .forEach((el)=>{el.open = true}); Array.from(listItems) .forEach((el)=>{ if(queryString==""){ el.style.display = ""; }else{ if(el.innerText.toLowerCase().indexOf(queryString.toLowerCase()) == -1){ el.style.display = "none"; } } }); } const counting = () =>{ let listItems = document.getElementsByTagName("li"); console.log(`${listItems.length} posts totally! Wow!`); }

everything.js all posts