cart.js

let carditem = document.getElementById("items");
let actuvalPrice = document.getElementById("cardPrice");
let price = document.getElementById("cost");
let tax = document.getElementById("Tax");
let amount = document.getElementById("bill");
let quntity = document.getElementById("quantity");
let cost = 0;

let itmes = JSON.parse(localStorage.getItem("addingToCart"));
//    console.log(itmes)
render(itmes);

//    <------------rendering---------------->
function render(data) {
  console.log(data);
  let cards = data
    .map((ele) => {
      let card = Createcard(ele.img, ele.title, ele.brand, ele.price);
      return card;
    })
    .join("");
  console.log(cards);
  carditem.innerHTML = cards;
}
// <------card creating ---------->
function Createcard(image, titel, brand, price, size) {
  cost += +price;
  let card = `
        <div class="card">
                <div class="image">
                    <img src=${image} alt="image" />
                </div>
                <div class="details">
                    <p>${titel}</p>
                    <p>${brand}</p>
                    <p id="cardPrice">Price:${price}</p>
                    <p>
                        Quntity:
                        <select id="quantity">
                            <option value="1">1</option>
                            <option value="2">2</option>
                            <option value="3">3</option>
                        </select>
                    </p>
                    <button id="delete">Delete</button>
                </div>
            </div>
        `;
  return card;
}
price.innerText = cost;
tax.innerText = cost * 0.15;
amount.innerText = cost + cost * 0.15;

let buy = document.getElementById("buy");
buy.addEventListener("click", () => {
  localStorage.setItem("amount", JSON.stringify(amount.innerText));
  window.location.assign("adress.html");
});

let logoimg = document.getElementById("logoimg");

logoimg.addEventListener("click", () => {
  window.location.assign("./index.html");
});