Javascript 刷新页面时如何保持变量的值

我目前正在做一个学校项目，我必须重新制作一个“乒乓”类型的游戏。我刚刚开始编码，但到目前为止一切都很顺利。但是，我在得分这件事上卡住了。我基本上希望在刷新页面时保留变量的值。我的一些代码是用法语编写的，因此使用法语单词。“分数”基本上是分数（两名球员的分数不同）。“Fin”是指球员得分。另外，试着不要评判我的代码，这是我首先要做的事情之一：P

因为我在编码领域是个十足的noob，所以我尝试了多种方法在页面刷新时保留变量的值。我试过饼干和本地存储

    var point1=0

    var point2=0

    if(balle.x+balle.w>=canvas.width){
    gameOver=true
    player1=true
    point1++
    }

if(balle.x-balle.w<=0){
    gameOver=true
    player2=true
    point2++
    }

    function fin1(){
        c.font="100px Impact"
        c.drawImage(sas,0,0)
        c.fillText("Sasuke scores!",200,100)
        }   

    function fin2(){
        c.font="100px Impact"
        c.drawImage(ita,200,0)
        c.fillText("Itachi scores!",200,100)
            }   


    function restart(){
            if(gameOver==true){
            setTimeout("window.location.reload(false)",2000);}
            }

var point1=0
变量点2=0
如果（balle.x+balle.w>=画布宽度）{
gameOver=true
player1=true
第一点++
}
如果（balle.x-balle.wAhh，我看到这里发生了什么，至少通过您的查询我可以理解：
您正在将数据设置为本地存储，但在重置时，文件会再次运行，并将
point1
和
point2
的值设置为0。基本上，您不会从本地存储获取该项。因此，您问的解决方案是什么：编写一个If条件，如果数据存在于本地存储中，则使用它，如果不存在，则初始化为0我喜欢这样

var point1=localStorage.getItem（'point1'）？localStorage.getItem（'point1'）：0；
var point2=localStorage.getItem（'point2'）？localStorage.getItem（'point2'）：0；

您可以从以下网站获得有关本地存储的更多信息：





注意：我正在考虑将数据（点1和点2）存储在本地存储中
在本地存储上读取。您能否扩展到“我尝试了Cookie和本地存储”？这两个都是您所需要的。它们是如何不起作用的？请记住，如果您试图使用本地存储将它们保存在浏览器中，那么它们很容易被用户篡改。这可能不是一个问题，因为这是一个学校项目，但可能值得注意。var point1=“0”；localStorage.setItem（“pt1”，point1）；我这样做了，但由于我是一个见多识广的新手，我真的不知道我需要在哪里插入。getItem。如果我在这里含糊不清，我真的很抱歉lol，我只是想描述一些我真的不知道的东西。