Estoy usando una función de javascript para cambiar el color de algunos íconos con un conjunto de datos. No puedo averiguar cómo puedo hacer que el color que cambio con un clic permanezca así.
esta es la función javascript:
window.onload = oppdater; function oppdater() { const clickHandler = function () { this.style.color = this.style.color != this.dataset.activeColor ? this.dataset.activeColor : this.dataset.disabledColor; }; for (const element of document.querySelectorAll(".active-color-aware")) { element.onclick = clickHandler; } } <div> <img src="img/mug_test.png" height="200px" width="200px"> <p>fillifjonka grå</p> <div id="icon_colors" class="center_icon_text"> <i data-active-color="green" data-disabled-color="#6080a0" class="fas fa-home fa-3x active-color-aware"></i> <i data-active-color="yellow" data-disabled-color="#6080a0" class="fas fa-grin-hearts fa-3x active-color-aware"></i> <i data-active-color="red" data-disabled-color="#6080a0" class="fas fa-heart-broken fa-3x active-color-aware"></i> </div> </div>Si desea guardar el evento de información después de que el usuario cierre el navegador, puede aprovechar el localstorage
// Save localStorage.setItem("activeColor", "red"); // Get var activeColor = localStorage.getItem("activeColor");