你的问题很有趣。
现在有多种可能性：

**1）**您可以使用浏览器本地存储并保存点击心形图标的IP地址
**2）**按照第一个过程，您可以使用浏览器会话/cookie概念，而不是浏览器本地存储
**3）**如果您需要通过编程使其正确，则在数据库表中保存点击时的IP地址和国家/地区代码，并使该过程更加动态，这将为您带来长期的好处。**好处包括：**如果您想分析哪个国家/地区的点击次数更多，那么它将帮助您轻松找到它

如果您有任何疑问，请告诉我。

你可以做的是取消设置（unsetproperty）页面加载时链接的颜色（onloadevent）
第一个

您可以使用localStorage来存储改变的颜色，请检查此代码：

var btnvar = document.getElementById('favorite')

    window.onload=function(){
        if (typeof(Storage) !== "undefined" && localStorage.getItem("color")!= null) {
          
          // Retrieve
          btnvar.style.color = localStorage.getItem("color");
        } 
     }

function Fav() {
  if (btnvar.style.color == "red") {
    btnvar.style.color = "grey"
    localStorage.setItem("color","grey");
  } else {  
    btnvar.style.color = "red"
    localStorage.setItem("color","red");
  }
};

演示

因为localStorage对象存储的数据没有过期日期，所以当你重新启动或重新加载时，它仍然会保持颜色。你也可以将它存储在数据库中。