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

【问题标题】：How to send a "score" from one html. file to another using localstorage and JSON如何从一个 html 发送“分数”。使用 localstorage 和 JSON 文件到另一个文件
【发布时间】：2021-05-13 09:59:09
【问题描述】：

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

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

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

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

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

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

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

            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();

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

【问题讨论】：

标签： javascript html json local-storage

【解决方案1】：

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

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

【讨论】：

不需要解析？ var highscoreObj = JSON.parse(localStorage.getItem("sendResult"));
我只是展示如何在另一个文件中获取它。
然后我使用console.log("sendResult") 来检查对象是否已经发送过来？
如果你想测试它是否工作，那么使用console.log。
欢迎您！如果有帮助，您能否支持我的回答？