如何从 html 发送“分数”。 文件到另一个使用 localstorage 和 JSON

Question

我是编程界的新手，我已经建立了一个简单的足球杂耍游戏，我想将分数发送到另一个列出高分的文件。

但我在挣扎。 我的游戏基于一个大型游戏循环中出现的许多不同功能。

首先用户写下他们的名字：

   var brukerNavn = prompt("Please write your Username");

然后，在 GameLoop 中，我有一个“创建”用户的 function：

        function saveUser(){
            var userObj = {
            "userName": userName,
            "score": points,
        };
            var userInfo = localStorage.setItem("sendResult", JSON.stringify(userObj));
        };

这是 function 的一部分，用于检查球是否击中横杆。 这是我从中获得分数的地方：

            if(!ballToTheLeft&&!ballToTheRight&&!ballIsOver&&!ballIsOver){
                ball.ydirection = -0.5; 
                points = points +1;
                hdnPoeng.innerHTML = points;
        
            };

例如整个 GameLoop：

        function gameLoop(){
            drawField();
            drawBall();
            drawBar();
            checkIfBallHitsTheBar();
            checkIfBallPassesTheBar();
            saveUser(); //This is the function I mentioned earlier.
            if(theGameIsOn){
                requestAnimationFrame(gameLoop);
            };
        };
        gameLoop();

游戏运行良好，但我想知道如何将分数 + 名称发送到另一个文件？ 如果您需要更多代码，我很乐意分享:)

Answer 1

使用 storage.getItem(sendResult) 在另一个文件中访问它。

https://developer.mozilla.org/en-US/docs/Web/API/Storage/getItem