Hice esto para cambiar a modo oscuro un website (me base en un tutorial), cambia el color y todo pero la imagen NO, revise el código JS y nada. Tal vez sea la parte del if, pero nada. Agradecería su ayuda.
let toggle = document.getElementById("toggle");
let label = document.getElementById("label");
toggle.addEventListener("change", (event) => {
let estado = event.target.checked;
document.body.classList.toggle("dark-mood");
if (estado == true) {
label.innerHTML = '<img src="assets/ico/ico-sun.png" alt="sun mood" class="ico-mood"/>';
} else {
label.innerHTML = '<img src="assets/ico/ico-moon.png" alt="dark mood" class="ico-mood"/>';
}
});
<div class="c-toggle-mood">
<label for="toggle" id="label_toggle" class="label-toggle">
<img
src="assets/ico/ico-moon.png"
alt="dark mood"
class="ico-mood"
/>
</label>
<input type="checkbox" id="toggle">
</div>
estado
. Por ejemplo:if (estado)
porque estado ya es true ...