Javascript 如何在刷新时保存变量？扎乌特拉水平_Javascript_Html_Variables_Save

Javascript 如何在刷新时保存变量？扎乌特拉水平

javascript html variables

Javascript 如何在刷新时保存变量？扎乌特拉水平,javascript,html,variables,save,Javascript,Html,Variables,Save,您可以在php中创建cookie： <!DOCTYPE HTML> <html> <head> <title>Zautra Levels</title> <h2 style="font-family: Trebuchet MS; color: blue;"">Zautra Levels</h2> <p> </p> </head> <body

您可以在php中创建cookie：

<!DOCTYPE HTML>
<html>


<head>
    <title>Zautra Levels</title>
    <h2 style="font-family: Trebuchet MS; color: blue;"">Zautra Levels</h2>
    <p> </p>
</head>


<body>

<p>Clickables:</p>
<button id="swag" onclick="lmao()">Gain XP</button> <button id="gold" onclick="getgold()">Get Gold</button> <button id="buyupgrade" onclick="buyupp()">Level Up!</button>
<p> </p>
<div id="total">XP: 0</div>
<div id="goldt">Gold: 0</div>
<div id="upgradess">Level: 0</div>
<div id="upcostt">Required XP: 25</div>



<script>
    var clicks = 0; // How many clicks you have
    var upgrades = 0; // How many upgrades you have purchased
    var upcost = 25; // How much the upgrades cost
    var gold = 0; // How much gold you have

    function updateclicks() { // Declares the function that updates the "Zautra Clicks" Text.
        var v=document.getElementById("total");
        v.innerHTML = 'XP: ' + clicks;
    }

        function updategold() { // Declares the function that updates the "Zautra Clicks" Text.
        var g=document.getElementById("goldt");
        g.innerHTML = 'Gold: ' + gold;
    }

    function updateupgradecounter() { // Declares the function that updates the "Upgrades:" Text.
        var y=document.getElementById("upgradess");
        y.innerHTML = 'Level: ' + upgrades;
    }

    function updateupcost() { // Declares the function that updates the "Upgrade Cost:" Text.
        var z=document.getElementById("upcostt");
        z.innerHTML = 'Required XP:' + upcost;
    }

    var x=document.getElementById("swag"); function lmao() { // When you click the "Click for MOAR Zautra's" Button you get a +1 Click.
        clicks+=1;
        updateclicks();
    }

        var j=document.getElementById("gold"); function getgold() { // When you click the "Click for MOAR Zautra's" Button you get a +1 Click.
        gold+=1;
        updategold();
    }

    var c=document.getElementById("buyupgrade"); function buyupp() {
        if (clicks >= upcost) {
            clicks-=upcost
            upgrades+=1
            upcost*=2
            updateclicks();
            updateupgradecounter();
            updateupcost();
        }
        else
        {
            var clicksdif = upcost - clicks;
            confirm("You need " + clicksdif + " more XP to level up.");
        }
    }
</script>
</body>
</html>

$value

也可以是一个值数组。

我认为，实际上，比cookies更简单的方法是通过URL传递值。例如：

setcookie("NameOfTheCookie",$value,$expireTime)

//你的刷新按钮在这里

<form action="yourPage.php?gold=$amount&level=$whatlevel&experience=$experience" method="POST">

然后，要在页面重新加载时检索这些变量，请使用：gold=$\u POST['gold']

另一个选择是使用GET方法而不是POST。

请记住，文件扩展名必须是php，此代码才能工作。

使用cookies，或者如果在现代浏览器中，如果您希望在客户端存储所有内容，只需在持久数据上使用localStorage名称空间：load:var gold=+localStorage.gold；保存：localStorage.gold=gold；你是在发布java或asp.net网页还是什么？有人能给我举个例子，或者给我一个模板，说明它在我的代码中是什么样子的吗？我不知道如何使用本地存储。它只会让我的黄金说“NaN”，如果你得到NaN，你更可能用字符串做数学计算：

“Some string”*3

=NaN但是我应该在哪里告诉它要存储什么变量，以及它们的值是什么？

</form>