Hola, estoy tratando de cambiar una imagen después de hacer clic en un ícono
Entonces, por ejemplo, tengo un div:
<div class="nav__btns"> <i class="uil uil-moon change-theme" id="theme-button"></i>Entonces tengo una img:
<img src="assets/img/foot.png" alt="" id="imgClickAndChange" class="about__img">Y quiero cambiar por nueva imagen
Y este es mi archivo js:
/==================== DARK LIGHT THEME ====================/ const themeButton = document.getElementById('theme-button') const darkTheme = 'dark-theme' const iconTheme = 'uil-sun' // Previously selected topic (if user selected) const selectedTheme = localStorage.getItem('selected-theme') const selectedIcon = localStorage.getItem('selected-icon') const getCurrentTheme = () => document.body.classList.contains(darkTheme) ? 'dark' : 'light' const getCurrentIcon = () => themeButton.classList.contains(iconTheme) ? 'uil-moon' : 'uil-sun' if (selectedTheme) { document.body.classList[selectedTheme === 'dark' ? 'add' : 'remove'](darkTheme) themeButton.classList[selectedIcon === 'uil-moon' ? 'add' : 'remove'](iconTheme) } themeButton.addEventListener('click', () => { document.body.classList.toggle(darkTheme) themeButton.classList.toggle(iconTheme) document.getElementById("imgClickAndChange").src == "assets/img/rugby.png" //i'm adding this line but not working localStorage.setItem('selected-theme', getCurrentTheme()) localStorage.setItem('selected-icon', getCurrentIcon()) })Estoy agregando una línea específica pero no funciona, alguien puede ayudarme
está usando == un operador de comparación, necesita =
document.getElementById("imgClickAndChange").src = "assets/img/rugby.png";themeButton.addEventListener('click', () => { document.body.classList.toggle(darkTheme) themeButton.classList.toggle(iconTheme) document.getElementById("imgClickAndChange").src = "assets/img/rugby.png" // You have to assign it , you have to only use single equals to sign localStorage.setItem('selected-theme', getCurrentTheme()) localStorage.setItem('selected-icon', getCurrentIcon()) })