Function lidToggle

09_05/script.js:11–31

()

 * Add event listener to the lid-toggle button.
 */
const lidToggle = function () {
   
  // Find the current backpack object in backpackObjectArray
  let backpackObject = backpackObjectArray.find( ({ id }) => id === this.parentElement.id );
  
  // Toggle lidOpen status
  backpackObject.lidOpen == true 
    ? backpackObject.lidOpen = false 
    : backpackObject.lidOpen = true;

  // Toggle button text
  this.innerText == "Open lid" 
    ? this.innerText = "Close lid" 
    : this.innerText = "Open lid";

  // Set visible property status text
  let status = this.parentElement.querySelector(".backpack__lid span");
  status.innerText == "closed"
    ? (status.innerText = "open")
    : (status.innerText = "closed");
}

/**
 * - Loop through backpackObjectArray