Récupérer la dernière valeur d'un calcul jquery

Bonjour, je recherche le moyen de récupérer la dernière valeur d'un calcul réalisé en jquery.

Voici le code :

 let arrRefunds = [ ];
 const arrSum = arr => arr.reduce((a,b) => a + b, 0);
 let totalRefunds = 0;


 $('#add_refund').click(function() {
        arrRefunds.push(amount);
         totalRefunds = arrSum(arrRefunds);
         $('#js-bonus-result').append(totalRefunds);
});

Et j'ai bien le calcul qui s’exécute et s'affiche dans le champ correspondant.
Cependant, le calcul affiche toutes les valeurs ! Si bien que quand je set ma valeur à 2 et que je l'incrémente 3 fois, le résultat affiché et 2 4 6 et non juste 6.

J'ai tenté d'utiliser plusieurs fonctions jquery, .load() pour rafraichir le résultat à chaque fois que j'incrémente, ou .each() mais je suppose que ce n'est absolument pas la bonne idée.

Je prend toutes les suggestions !

Merci :)

EDIT : Ajout des balises de code
Explications disponibles ici : https://codes-sources.commentcamarche.net/faq/11288-les-balises-de-code

.