| 9 | * Add event listener to the lid-toggle button. |
| 10 | */ |
| 11 | const lidToggle = function (event, button, newArg) { |
| 12 | console.log(event); |
| 13 | console.log(newArg); |
| 14 | |
| 15 | // Find the current backpack object in backpackObjectArray |
| 16 | let backpackObject = backpackObjectArray.find( |
| 17 | ({ id }) => id === button.parentElement.id |
| 18 | ); |
| 19 | |
| 20 | // Toggle lidOpen status |
| 21 | backpackObject.lidOpen == true |
| 22 | ? (backpackObject.lidOpen = false) |
| 23 | : (backpackObject.lidOpen = true); |
| 24 | |
| 25 | // Toggle button text |
| 26 | button.innerText == "Open lid" |
| 27 | ? (button.innerText = "Close lid") |
| 28 | : (button.innerText = "Open lid"); |
| 29 | |
| 30 | // Set visible property status text |
| 31 | let status = button.parentElement.querySelector(".backpack__lid span"); |
| 32 | status.innerText == "closed" |
| 33 | ? (status.innerText = "open") |
| 34 | : (status.innerText = "closed"); |
| 35 | }; |
| 36 | |
| 37 | /** |
| 38 | * Strap length functionality |