Make Filter Buttons work

[britnay268]

Will need to create an eventListener to listen for clicks on buttons.:

• Create a domEvents.js file
• Target the main container
• Add check if a specific id is included to filter the buttons
• May need a separate file to filter the buttons. (filterBtns.js)

Potential code for filterButtons

const filterBtns = document.querySelector("#filterBtnsConatiner");
  filterBtns.addEventListener("click", (e) => {
    // console.log(e.target.id)
    if (e.target.id === "all") {
      studentsOnDom(data);
    } else if (e.target.id) {
      const card = data.filter((c) => c.house.toLowerCase() === e.target.id);
      studentsOnDom(card);
    }
  });

[britnay268]

My potential code mentioned above is far from what I actually did.