Carrousel JS - PB fonction

Bonjour à tous,

Pour m'entrairer au JS, j'ai créé un Carrousel en JS, qui marche plutôt bien.
Seulement, voyant que je répète mon code plusieurs fois, j'ai voulu faire une fonction.

Et alors ce même code qui marchais très bien (celui en commentaire), ne marche plus du tout à présent (celui en bas).

Pourriez-vous m'indiquer la source de mon erreur svp ?

Merci d'avance de votre temps et de votre réponse.

Voici le code :

const barreDroite = document.querySelector(".droite");
const barreGauche = document.querySelector(".gauche");
const image = document.querySelector(".image");
const nombre = document.querySelector(".position")
const carrousel = document.getElementsByClassName("carrousel").src="img/1.jpg";
let position = 1;

function update(position, image, nombre) {
    image.src = `img/${position}.jpg`
    nombre.innerHTML = `Position : ${position}`
}

// barreDroite.addEventListener("click", () => { 
//     if (position < 7) {
//         position++
//         image.src = `img/${position}.jpg`
//         nombre.innerHTML = `Position : ${position}`
//     }
//     else {
//         position = 1
//         image.src = `img/${position}.jpg`
//         nombre.innerHTML = `Position : ${position}`
//         }
// });

barreDroite.addEventListener("click", () => { 
    if (position < 7) {
        position++;
        update(position, image, nombre);
    }
    else {
        position = 1;
        update(position, image, nombre);
});

Ce que je veux

Je voudrais remplacer les lignes en commentaires, par celle du bas.

Ce que j'obtiens

Plus rien ne marche.