I'm coding a currency converter that save every conversion that the user make and displayed. When i make the first conversion is fine. When i make the second it show the first one and the second, instead of only the second, like a to do list. Also i tried to use a constructor but i dont think that is the problem. If anyone can give me any help, that would be awesome!. Thx.

function calculo(){
    resultado=(cantidad/monedaVal1)*monedaVal2;
    $('#res').html('Obteniendo conversion...');
    $('#res').fadeOut(500)
            .fadeIn(500)
            .fadeOut(500)
            .fadeIn(500,function(){
                
                $('#res').html(cantidad+' '+monedaText1+' = '+resultado.toFixed(2)+' '+monedaText2);
            });
    almacen();
}

class conversion {
    constructor(monto, origen, destino, final) {
        this.monto = monto;
        this.origen = origen;
        this.destino = destino;
        this.final = final;
    }
}

function almacen(){
    cambios.push(new conversion(cantidad,monedaText1,monedaText2,resultado));
    guardarCambio(cambios);
    listarCambio(cambios);
}

function guardarCambio(cambios) {
    let cambio = cargarCambio();
    cambio.push(cambios);
    localStorage.setItem('test', JSON.stringify(cambios));
}

function cargarCambio() {
    if (localStorage.getItem('test')) {
        return JSON.parse(localStorage.getItem('test'));
    }

    return [];
}

function listarCambio(cambios){
    $.each(cambios, function (i) { 
        $('#conversiones').append('<tr><td>'+cambios[i].monto+'</td><td>'+cambios[i].origen+'</td><td>'+cambios[i].destino+'</td><td>'+cambios[i].final+'</td></tr>'); 
    })
}