let name = "John";

let name = "Doe";

 

console.log(name);

 

/* error:

SyntaxError: Identifier 'name' has already been declared

*/

let name = "John";

name = "Doe";

 

 

console.log(name);

 

 

/* output:

Doe

*/

const fruits = ["apple", "orange"];

fruits.push("banana");

 

 

console.log(fruits);

 

 

/* output

[ 'apple', 'orange', 'banana' ] 

*/

const main = function () {

   const searchElement = document.querySelector("#searchElement");

   const buttonSearchElement = document.querySelector("#searchButtonElement");

   const clubListElement = document.querySelector("#clubList");

 

 

   const onButtonSearchClicked = function () {

       const dataSource = new DataSource(renderResult, fallbackResult);

       dataSource.searchClub(searchElement.value);

   };

 

 

   const renderResult = function (results) {

       clubListElement.innerHTML = "";

       results.forEach(function (club) {

           const name = club.name;

           const fanArt = club.fanArt;

           const description = club.description;

 

 

           const clubElement = document.createElement("div");

           clubElement.setAttribute("class", "club");

 

 

           clubElement.innerHTML = '<img class="fan-art-club" src="' + fanArt + '" alt="Fan Art">n' +

               '<div class="club-info">n' +

               '<h2>' + name + '</h2>n' +

               '<p>' + description + '</p>' +

               '</div>';

           clubListElement.appendChild(clubElement);

       })

   };

 

 

   const fallbackResult = function (message) {

       clubListElement.innerHTML = "";

       clubListElement.innerHTML += '<h2 class="placeholder">' + message + '</h2>'

   };

 

 

   buttonSearchElement.addEventListener("click", onButtonSearchClicked);

};