Javascript-收藏夹按钮，它保存cookie并在用户刷新页面时保持保存？

Question

我正在尝试为我的上课示例站点创建一个收藏夹按钮。当我单击该按钮时，它将起作用，并根据需要将用户带到详细信息页面，但是当我返回主页时，它不会将图像更新/保存为收藏夹。我试图弄清楚，但是我对编码有点陌生，所以我有点挣扎。

我尝试过切换格式并参考在线参考。我用ajax玩了一些，但仍然无法保存。

Javascript：

function myFunction(elem) {
        var i = document.getElementById(elem.id);

        if(elem.id <= ids.length) {
            i.addEventListener("click", function() {
                var name = getCookie("imgNum");
                setCookie("imgNum", name, 30);
            });
        }

        var a = document.createElement("BUTTON");
        a.innerHTML = "faved";
        i.parentNode.replaceChild(a, i);

    }

    function setCookie(cname, cvalue, exdays) {
        var d = new Date();
        d.setTime(d.getTime() + (exdays*24*60*60*1000));
        var expires = "expires=" + d.toGMTString();
        document.cookie = cname+"="+cvalue+"; "+expires;
    }

    function getCookie(cname) {
        var iUrl = imgUrl[cname];
        return imgUrl;


    }

    function checkCookie() {
        var name = getCookie("imgNum");
        setCookie("imgNum", name, 30);
    }

    function myFunctionTwo(elem) {
        var y = document.getElementById(elem.id);

    }