Заменить элемент после обновления страницы

Question

Сегодня я подумал, возможно ли заменить элемент javascript после обновления страницы 10 раз специально.Мне действительно нужно это заменить элемент после количества обновлений страницы, чтобы сделать его статичным.Я пытался закодировать его, но все, что я написал, это заменить его после нажатия на элемент 3 раза.И localStorage регистрирует его и создает ключ, чтобы веб-сервер запоминал изменения.Все, что я хочу - это элемент, заменяющий свой код на код URL после 10 обновлений на странице.

var count = parseInt(localStorage.getItem("count"), 10) || 0;
function loadMyPage() {
    if (count >= 3)
        $("#id-2").load("yoinkexecutor2.html");
    }
}

$(document).ready( function () {
    loadMyPage();
    $("#id-2").on("click", function() {
        localStorage.setItem("count", count += 1);
        loadMyPage();
    });
});

Answer 1

Хорошо, я обновил скрипку , чтобы она работала при перезагрузке скрипки.Не беспокойтесь слишком о моей функции mockHtmlReq, так как она просто высмеивает запрос на HTML-контент, похожий на .load().

Единственное, что я изменил, было внутри $(document).ready()

$(document).ready( function () {
    loadMyPage();
    localStorage.setItem("count", count += 1);
});

По сути, каждый раз, когда страница перезагружается, мы просто увеличиваем значение count, хранящееся в localStorage.