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