如何在代码中将变量设置为Cookie?

时间:2019-03-30 17:39:27

标签: javascript jquery cookies

我一直在通过练习jquery来试试运气。我很高兴能做到这一点,但我终生无法找出Cookie。我有一个小计数器,您可以向其加减1,以及一个用于保存当前得分(也就是我的变量名称)的框。我在做两件事时不知所措:1,让变量也根据最后的分数保存到cookie中; 2,一旦页面再次加载,使该cookie也影响计数的数量。 Cookie部分是最重要的部分,因为我敢肯定,我会最终弄清楚如何使乐谱“翻译”成笔挺。

我尝试在我的代码的前面和后面都使用document.cookie =“ score =” score,但这似乎不起作用。从那以后,我进入了三个不同的页面来介绍如何定义cookie,但是所有这些都谈到仅使用静态术语作为cookie,而没有动态。

我的jquery代码在这里:

    $(function() {
    $("#score").click( function()
           {
             alert('Score is ' + score);
           }
      );
       $("#plusbutton").click( function()
           {
             score++;
             $( "#dummy" ).append( "<span class='tallyText'>|</span>" );
           }
      );
      $("#minusbutton").click( function ()
      {
        if (score > 0) {
        score--;
        $(".tallyText:last").remove();

                } else {
            score = 0;

            }

理想情况下,将发生Cookie的情况,以便用户再次加载此页面时,将保存其上一个分数,并显示当前分数的计数。我关心的主要部分是cookie是否会随着每个增量而工作/更新,但是如果有人能将我指向如何将分数“转换”为页面加载中的刻度标记的正确方向,我将不胜感激。建议!

这是JS小提琴:https://jsfiddle.net/freddinmg/oza63jeh/170/

0 个答案:

没有答案