Navigate to detailsPage using localStorage

[emilianraduu]

Documentation:

• https://blog.logrocket.com/localstorage-javascript-complete-guide/
• https://developer.mozilla.org/en-US/docs/Web/API/Window/location
• https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/JSON/parse
• https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/JSON/stringify

To navigate to the "detailsPage" please modify the "divCard" element in the renderCard(item) function to be able to change window location to /detailsPage/detailsPage.html

To display the data, please before using window.location to navigate, add the localStorage.set("selectedCard", JSON.stringify(card)) to set the current selected card, and in the "detailsPage" use the .get method to get the data. The above tutorials are good for understanding the concepts.

[CrayolaEater]

Also you also have to make the navigation work for all the other drinks, for that you need to add in homePage/script.js the detail info to all the other drinks (like you did for 'oldFashioned'). The info can be the same for now and you can modify later to make it unique for each drink.