Creé un botón Me gusta en HTML que permite a un usuario dar me gusta a una publicación usando JSON. Quiero que cada usuario solo pueda dar me gusta y no me gusta una vez (no quiero que puedan ir a otra página y luego regresar y dar me gusta a la página nuevamente). Estoy tratando de hacer esto usando localStorage , pero solo está haciendo la condición en la declaración else.

JavaScript:

 var liked = false; if(!localStorage.getItem('liked')){ localStorage.setItem('liked', false); } function like(id){ console.log("like button is clicked"); let likes = Number(document.querySelector(`#likes_num_${id}`).innerText); console.log(likes); let liked = localStorage.getItem('liked'); if(liked === false){ let likeNum = likes +=1; //like the post fetch(`/like/${id}`,{ method: 'PUT', body: JSON.stringify({ likes: likeNum }) }) localStorage.setItem('liked', true); }else{ console.log("should be unliking"); let likeNum = likes -=1; //unlike the post fetch(`/like/${id}`,{ method: 'PUT', body: JSON.stringify({ likes: likeNum }) }) localStorage.setItem('liked', false); } //display the post setTimeout(()=>{ fetch(`/like/${id}`) .then(response => response.json()) .then(post => { let likes = document.querySelector(`#likes_num_${id}`); likes.innerHTML = `${post.likes}` }) }, 100) }