document.addEventListener("DOMContentLoaded", function(){

let formats = JSON.parse(localStorage.getItem('formats')) || [];

function updateCart(){

let count = formats.length;
let countEl = document.getElementById("formats-count");
let listEl = document.getElementById("formats-list");

if(countEl) countEl.textContent = count;

if(listEl){

listEl.innerHTML = "";

formats.forEach(function(format,i){

let li = document.createElement("li");

li.innerHTML = format + ' ✕';

listEl.appendChild(li);

});

}

}

updateCart();

document.addEventListener("click", function(e){

if(e.target.dataset.index !== undefined){

formats.splice(e.target.dataset.index,1);
localStorage.setItem('formats', JSON.stringify(formats));
updateCart();

}

});

});