Moving innerHTML from one page to another, with an external js file.

Hi guys,

I'm practicing making an e-commerce site, and I want to make it so that when you click on an item to add it to basket, the innerHTML of that item is saved to a variable and then appended to a div on another page. So, in brief, it looks something like this:

all the code except from the commented line are a page called cards.php

const addBasket = document.querySelectorAll('.addBasket');

for(let i=0;i<addBasket.length;i++){ addBasket[i].addEventListener('click', function () { cardBlockHTML = addBasket[i].parentElement.innerHTML; console.log(cardBlockHTML);

            basketItems.appendChild(cardBlockHTML); // this is on a different page called basket.php
});

}

Note, the javascript file is inserted in a footer.php file which is added to each page with <?php include("inc/footer.php"); ?>

Any ideas of what I could do?

Best,

P