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

我想有一个按钮，当你点击它时，会在屏幕上显示的数字上加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>

点击我
函数addOne（）
{
i++；
document.getElementById（'inc'）。value=i；
}

---

如何将数字保存到cookie中，以便在我返回时不会将数字更改回0？

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

已更新，请参阅

点击我
重置Cookie
函数resetCookie（）
{
document.cookie=0；
writeValue（）；
}
函数addOne（）
{
document.cookie++；
writeValue（）；
}
函数writeValue（）
{
document.getElementById（'inc'）。value=document.cookie；
}
window.onload=函数（）{
如果（！document.cookie）
{
document.cookie=0；
}
writeValue（）；
}

我知道很抱歉我错过了这一部分，但我如何将变量保存在cookie中？在回答中添加了document.cookie语句，但我如何保存其他cookie？它似乎不起作用，请自己尝试。它不会将数字保存在输入框中。看看这个例子，这就是你想要实现的吗？

<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>