如何使用if语句javascript使游戏保存最佳分数

how to make the game save the best score with if statement javascript?

本文关键字:保存 最佳 游戏 何使用 if 语句 javascript      更新时间:2023-09-26

我正在构建一个简单的游戏作为练习,它计算3秒内按下的敲击次数。除了能够保存记录分数,如果没有记录分数,则显示旧记录外,我已经做了所有事情。

<!DOCTYPE html>
<html>
<head>
    <script type="text/javascript" src="javascript1.js"></script>
    <link type="text/css" rel="stylesheet" href="firstcss.css">
</head>
</head>
<body>
    <div id="div1">
        <button onclick="myFunction()" id="something">GO
        </button>
    </div>
    <div id="div2">
        <p id="paragraph">0</p>
    </div>
    <p id="don"></p>
    <p id="record"></p>
    <p id="add"></p>
    <script>
        var cool = 1;
        var red = 0;
        function myFunction() {
            document.getElementById("something").innerHTML = "Keep Tapping";
            document.getElementById("paragraph").innerHTML = cool;
            cool++;
            var parent = document.getElementById("div1");
            setTimeout(function() {
                var ooo = cool - 1;
                document.getElementById("don").innerHTML = ooo;
                var parent = document.getElementById("div1");
                var child = document.getElementById("something");
                parent.removeChild(child);
                var parent1 = document.getElementById("div2");
                var child1 = document.getElementById("paragraph");
                parent1.removeChild(child1);
                if (cool - 1 > red) {
                    var red = cool - 1;
                    document.getElementById("record").innerHTML = red;
                } else {
                    document.getElementById("record").innerHTML = red;
                    document.getElementById("add").innerHTML = red;
                }
            }, 3000);
        }
    </script>
</body>
</html>

我在结尾使用if语句,但想知道你将如何保存高分,或者是否没有人可以说旧的高分。谢谢,这真的很有帮助。

查看本地存储上的以下资源:

  • http://diveintohtml5.info/storage.html
  • https://developer.mozilla.org/en-US/docs/Web/Guide/API/DOM/Storage

本质上你可以做(取自Dive int HTML 5链接):

var foo = localStorage.getItem("bar");
// ...
localStorage.setItem("bar", foo);