Changement d'image au click

Chris33
Javascript

Bonjour à tous,

J'essaie via la fonction ci dessous d'effectuer un changement d'une image au click (mode dark/light)

HTML 

<section class="profil section profile__container" id="profil">
            <div class="profile__container bd-grid"></div>

           <img src="assets/img/me-light.jpg" class="photo-profile" id="photo__profile__change"alf="">
        <!--    <img src="assets/img/me-dark.jpg" class="photo-profile" id="photo__profile__change__dark"alf="">
 -->
                <h1 class="section-subtitle_profil">Me</h1>
                <h2 class="section-title_profil">Dév</h2>
                <a href="docs/CV_Me.pdf" class="button1">Télécharger CV</a>

        </section>

JS

const themeButton = document.querySelector("#theme-button")
const imgLight = document.querySelector('#photo__profile__change')

const switchImg = () => {
    themeButton.addEventListener('click', () => {

        const newsrc = (imgLight.src == 'assets/img/me-light.jpg') ? 'assets/img/me-light.jpg' : 'assets/img/me-dark.jpg'
        imgLight.src = newsrc
    })

}
switchImg()

Ce que je veux

Je cherche à obtenir un changement d'image à chaque click sur le bouton (dark/light)

Ce que j'obtiens

Je n'obtiens qu'un seul changement au click (light => dark), l'image dark reste.
Comment utiliser la fonction localStorage pour permettre une permutation des deux images ?
Merci d'avance

Aucune réponse