//el icono del carrito contenedor de todo const iconBtn = document.querySelector('.Icon-carrito'); //la clase llamada para activarla y des activarla const quitHidden = document.querySelector('.hidden'); //todo esto es para mostrar la descripcion const descripcionMostrar = document.querySelector('.Icon-bajar') const classAlJugar = document.querySelector('.hiddenM') const dec2 = document.getElementById('iconoHidden2') const hiddenMostrar = document.querySelector('.hiddenMostrar') descripcionMostrar.addEventListener('click',()=>{ classAlJugar.classList.toggle('hiddenM') }) dec2.addEventListener('click',()=>{ hiddenMostrar.classList.toggle('hiddenMostrar') }) const quit = ()=> quitHidden.classList.toggle('hidden') iconBtn.addEventListener('click',quit) const cantidadPulsada = document.querySelector('.cantidad-pulsada') const colores = document.getElementById('color') const tallas = document.querySelector('.tallas') const tituloReal = document.querySelector('.titlulo-de-productod') const precioReal = document.getElementById('precioProducto') const colorFicticio = document.querySelector('.color-seleccionado') const tallasFicticia = document.querySelector('.talla-selecionada') const tituloFicticio = document.querySelector('.titulo-carrito') const precioFicticio = document.querySelector('.precioDeProducto') const containerTodoMenosTotal = document.querySelector('.paraTop') const todo = document.getElementById('containerTodo') const iconClose = document.querySelector('.icono-close-producto') const mensage = document.querySelector('.siCero') const remove = document.getElementById('remove') const btnAgregar = document.querySelector('.btn-add-to-cart') const cantidadAgregada = document.querySelector('.cantidad-agregada') contadorAgg=0; btnAgregar.addEventListener('click',()=>{ contadorAgg++ cantidadAgregada.textContent=contadorAgg const opcion1 = colores.options[colores.selectedIndex] const opcion2 = opcion1.textContent const opcion3 = tallas.options[tallas.selectedIndex] const opcion4 = opcion3.textContent let numeroPrecio = document.querySelector('.precio-total') let contenido = parseFloat(numeroPrecio.textContent.replace(',','.')) let suma = contenido+16.89 numeroPrecio.textContent = suma numeroPrecio.textContent = suma.toFixed(2).replace(".", ",") + " €"; tituloFicticio.innerHTML = tituloReal.textContent colorFicticio.innerHTML = opcion1.textContent tallasFicticia.innerHTML = opcion3.textContent precioFicticio.innerHTML = precioReal.textContent cantidadPulsada.textContent=contadorAgg if(colorFicticio.innerHTML.length >= 13 && tallasFicticia.innerHTML.length >= 13){ todo.style.width ='800px' todo.style.marginLeft ='-750px' }else if(colorFicticio.innerHTML.length <= 13 && tallasFicticia.innerHTML.length <= 13){ todo.style.width ='600px' todo.style.marginLeft ='-550px' }else if(colorFicticio.textContent.length == 8){ alert('hola mundo') } mensage.remove() }) iconClose.addEventListener('click', () => { if (cantidadAgregada.textContent > 0) { contadorAgg--; cantidadAgregada.textContent = contadorAgg; cantidadPulsada.textContent = contadorAgg; let numeroPrecio = document.querySelector('.precio-total'); let contenido = parseFloat(numeroPrecio.textContent.replace(',', '.')); let suma = contenido - 16.89; numeroPrecio.textContent = suma; numeroPrecio.textContent = suma.toFixed(2).replace('.', ',') + ' €'; if (contadorAgg === 0) { const confirmacion = confirm('¿Estás seguro de que deseas vaciar el carrito?'); if (confirmacion) { } } } }); hazme en este codigo javascript que aunque lo actualize o me salga de la oagina que los datos se quedan ahi

const cantidadPulsada = document.querySelector('.cantidad-pulsada')
const colores = document.getElementById('color')
const tallas = document.querySelector('.tallas')
const tituloReal = document.querySelector('.titlulo-de-productod')
const precioReal = document.getElementById('precioProducto')
const colorFicticio = document.querySelector('.color-seleccionado')
const tallasFicticia = document.querySelector('.talla-selecionada')
const tituloFicticio = document.querySelector('.titulo-carrito')
const precioFicticio = document.querySelector('.precioDeProducto')
const containerTodoMenosTotal = document.querySelector('.paraTop')
const todo = document.getElementById('containerTodo')
const iconClose = document.querySelector('.icono-close-producto')

const mensage = document.querySelector