today i worked on a website for my SMG4 AU so i can fix an error with the cards and images and a few spelling mistakes i noticed aswell which both are fixed so here’s some of the screenshots and some of the code(the code i had to fix)

searchInput.addEventListener("input", () => {
    const query = searchInput.value.toLowerCase();

    cards.forEach(card => {
        const title = card.querySelector(".titles").textContent.toLocaleLowerCase();
        
        if (title.includes(query)){
            card.style.display = "block";
            console.log(title)
        } else{
            card.style.display = "none";
        }
    })
})

here’s the code that wasn’t working properly its used to have you search for as character and then it’ll filter some of the cards out to show you a character of the letter you typed in

here’s a video of how that specific part of the code works using javascript