app.js

const cartBtn=document.querySelector(".cart-btn"); 
const CloseCartBtn=document.querySelector(".close-cart"); 
const clearCartBtn=document.querySelector(".clear-cart"); 
const cartDOM=document.querySelector(".clear"); 
const cartOverlay=document.querySelector(".cart-overlay"); 
const cartItmes=document.querySelector(".cart-items"); 
const cartTotal=document.querySelector(".cart-total"); 
const cartContent=document.querySelector(".cart-content"); 
const productsDOM=document.querySelector(".products-center");

//cart items variable let cart =[];

//getting the products in form of variable 
class Products{ 
  async getProducts(){ 
    try{ 
    let result =await fetch("products.json"); 
    let data=await result.json(); 
    let products=data.items; 
    products=products.map(item=>{ 
      const {title,price}=item.fields; 
      const {id} = item.sys const image=item.fields.image.fields.file.url; 
      return {title,price,id,image}; 
      }); 
    return products;