`, productUrl: "" }; const productList = []; let jsonResp, jsonRespArr, jsonRespArrStr; const numberOfProducts = 6; productList.push(productData); const currProductPageTitle = productData.productTitle; const productDataString = JSON.stringify(productList); const localData = localStorage.getItem("recentlyViewedProduct1"); if (localData === null) { localStorage.setItem("recentlyViewedProduct1", productDataString); } else if (localData) { const oldProductData = localStorage.getItem("recentlyViewedProduct1"); const countProductData = (oldProductData.match(/productTitle/g) || []).length; const sameProduct = oldProductData.includes(currProductPageTitle); if (countProductData < numberOfProducts && sameProduct == false) { jsonResp = JSON.parse(oldProductData); jsonRespArr = jsonResp.concat(productList); jsonRespArrStr = JSON.stringify(jsonRespArr); localStorage.setItem("recentlyViewedProduct1", jsonRespArrStr); } else if (countProductData >= numberOfProducts && sameProduct == false) { jsonResp = JSON.parse(oldProductData); jsonResp.shift(); jsonRespArr = jsonResp.concat(productList); jsonRespArr = JSON.stringify(jsonRespArr); localStorage.setItem("recentlyViewedProduct1", jsonRespArr); } } } setRecentlyViewedProducts(); const localViewed = localStorage.recentlyViewedProduct; function getRecentlyViewedProducts() { const productData = JSON.parse(localStorage.getItem("recentlyViewedProduct1")); const recentlyViewedHtml = []; productData.map(item => { if(item.productUrl != '' && item.productInfo != undefined){ recentlyViewedHtml.unshift(`

${item.productInfo}

`); } }); const newProductData = `${recentlyViewedHtml.join("")}`; const fullContent = document.getElementsByClassName("recently-viewed-grid"); fullContent[0].innerHTML = newProductData; } document.addEventListener("DOMContentLoaded", function (event) { getRecentlyViewedProducts(); });