如何将数字保存到可以在屏幕上打印的javascript cookie中

Question

我想要一个按钮，当您单击它时，它会在屏幕上显示的数字上加1。 这就是我走了多远。

<button onclick="addOne();">Click Me</button>
<input type="text" id="inc" value="0"></input>

<script>
function addOne()
{
i++;
document.getElementById('inc').value = i;
}
</script>

我如何才能将数字保存到Cookie中，以便每次回来时都不会将数字改回0？

Answer 1

变量i没有起始值。 您可以执行以下操作：

已更新，请参见http://jsfiddle.net/sUHy2/4/

<button onclick="addOne();">Click Me</button>
<input type="text" id="inc" value="0"></input>

<button onclick="resetCookie()">Reset Cookie</button>
<script>
function resetCookie()
{
    document.cookie = 0;
    writeValue();
}

function addOne()
{
    document.cookie++;
    writeValue();
}

function writeValue()
{
    document.getElementById('inc').value = document.cookie;
}

window.onload = function(){ 
    if(!document.cookie)
    {
        document.cookie = 0;
    }
    writeValue();
}
</script>