There are no results for $//$ Get references to HTML elements const clubList $=$ document.getElementByld$(\text{'}$club$-$list'$)$; const searchinput $=$ document.getElementByld$(\text{'}$search$\text{'})$; const clubDetailsContainer $=$ document.getElementByld$(\text{'}$main$\text{'})$; $//$ Attach an input event listener for the search input searchinput.addEventListener$(\text{'}$input$\text{'},$ handleSearchinput$)$; $//$ Initialize football club data and display all clubs let clubData $=$ footballClubs; displayClubs$($footballClubs$)$; $//$ Display football clubs in the club list function displayclubs$($clubs$)\{//$ Generate HTML for club cards and set it in the clubList element const clubCardsHTML $=$ clubs.map$($createClubCardHTML$).$join$(")$; clubList.innerHTML $=$ clubCardsHTML; $\}//$ Create HTML for a football club card function createClubCardHTML$($club$)\{$ return $"$ div class$=$"club$-$card" onclick$=$"handleclubclick$($this$)$;$">$ $$100\%$