Estoy haciendo una especie de carrito en el que el usuario ingresa los platos que desea consumir, y luego se imprimen en pantalla. Lo que me sucede es que cada vez que el usuario ingresa un nuevo plato, se imprimen todos los platos anteriores nuevamente.
Entonces, si yo ingresé primero "plato vegano" se imprimirá "plato vegano". Si luego ingreso "plato común" en pantalla se verá "plato vegano plato vegano plato común". Y así por cada vez que agregue un dato nuevo.
¿Cómo debería hacer para que se impriman solamente los nuevos datos?
function crearCard() {
for (let w = 0; w < arrayPlatos.length; w++) {
carrito.append(`<div class="kart-card">
<p class="negrita">${arrayPlatos[w].plato}</p>
<p>$ ${arrayPlatos[w].costo}</p>
</div>`)
}
}
for