review page functionality

source/assets/scripts/ReviewCard.js

@@ -124,6 +124,24 @@ class ReviewCard extends HTMLElement {
     mealLabel.setAttribute('class','meal-name');
     mealLabel.innerHTML = data['mealName'];
 
+    //review page link
+    //giving it functionality to save the review card's info to session storage for loading the review page
+    let reviewLink = document.createElement('a');
+    reviewLink.setAttribute('href','./review.html')
+    reviewLink.innerHTML = 'review page'
+    reviewLink.addEventListener('click', () => {
+      sessionStorage.clear();
+      let currReview = {
+        "imgSrc": data['imgSrc'],
+        "imgAlt": data['imgAlt'],
+        "mealName": data['mealName'],
+        "restaurant": data['restaurant'],
+        "rating": data['rating'],
+        "tags": data['tags']                
+      }
+      sessionStorage.setItem('currReview', JSON.stringify(currReview));
+    });
+
     let restaurantLabel = document.createElement('label');
     restaurantLabel.setAttribute('class','restaurant-name');
     restaurantLabel.innerHTML = data['restaurant'];
@@ -148,6 +166,7 @@ class ReviewCard extends HTMLElement {
 
     articleEl.append(mealImg);
     articleEl.append(mealLabel);
+    articleEl.append(reviewLink)
     articleEl.append(restaurantLabel);
     articleEl.append(ratingDiv);
     articleEl.append(tagContainer);

source/assets/scripts/ReviewPage.js

@@ -0,0 +1,10 @@
+// Run the init() function when the page has loaded
+window.addEventListener('DOMContentLoaded', init);
+
+function init() {
+    let result = sessionStorage.getItem('currReview')
+
+    let main = document.querySelector('main');
+    
+    main.innerHTML = result
+}