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