如何添加一个喜欢的东西，但只使用本地存储一次？

Question

我正在使用 API，我需要显示电影并喜欢它们，但我需要喜欢它们一次。我试图添加一个布尔值，我有这样的东西：

let beenLiked = false;

const movieLike = document.getElementById("likeButton")
movieLike.addEventListener('click', () => {
    console.log("ok like")
    axios.patch(`myUrl`)
    beenLiked = true
}, true)

问题是当我喜欢一部电影时，由于我的布尔值，我不能喜欢另一部电影，我该如何修改它来解决我的问题？

Answer 1

如果您可以获取应该喜欢的电影的名称（我没有您的 html 文件可以为您做），您可以跟踪名称并这样做：

let beenLiked = []

const movieLike = document.getElementById("likeButton")
movieLike.addEventListener('click', () => {
    const movie = "The Movie" // Get the movie name or id which has to be liked
    if(beenLiked.indexOf(movie) === -1){
        console.log("ok like")
        axios.patch(`myUrl`)
        beenLiked.push(movie)
        return true
    }
    console.log("Already liked once")
    return false
})

这里是没有html的简化版：

let beenLiked = []

function a() {
  const movie = "The Movie" // Get the movie the likeButton is attached to
  if (beenLiked.indexOf(movie) === -1) {
    beenLiked.push(movie)
    return true
  }
  return false
}
console.log(a())
console.log(a())