Tengo un código que cambia de color cuando se hace clic en él:
<button class="like" onclick="like(this)"><i class="fa fa-thumbs-up"></i></button> var state = true; function like(element){ if(state){ var currentElement = element.querySelector('.fa-thumbs-up'); currentElement.style.color = "orange"; }else{ var currentElement = element.querySelector('.fa-thumbs-up'); currentElement.style.color = "black"; } state = !state; }Quiero guardar el color en el almacenamiento local: el usuario hace clic en Me gusta y le gusta hasta que no le gusta (no cuando actualizó).
Puede usar localSotrage.setItem(key, value) para almacenar los datos y localStorage.getItem(key) para recuperar los datos.
Para el caso que quisieras usar así
var state = true; function like(element){ if(state){ var currentElement = element.querySelector('.fa-thumbs-up'); currentElement.style.color = "orange"; localStorage.setItem("storedColor", "orange"); }else{ var currentElement = element.querySelector('.fa-thumbs-up'); currentElement.style.color = "black"; localStorage.setItem("storedColor", "black"); } state = !state; } window.addEventListener('DOMContentLoaded', e => { currentElement.style.color = localStorage.getItem("storedColor"); });