Я пытаюсь создать страницу параметров для расширения Chrome. Первая часть устанавливает значение в локальном хранилище. Проверьте для истинного и снимите флажок для ложного. Вторая часть должна обновить флажок, если пользователь вернется в другое время, и настройки будут применены к флажку.

Моя проблема заключается в том, что флажок никогда не устанавливается, когда пользователь обновляет или закрывает окно и возвращается, но локальное хранилище изменится на true или false. Как сделать так, чтобы пользователь мог установить флажок, и он останется, когда пользователь вернется позже или обновит страницу?

    setStatus = document.getElementById('stat');
    setStatus.onclick = function() {
        if(document.getElementById('stat').checked) {
            localStorage.setItem('stat', "true");
        } else {
            localStorage.setItem('stat', "false");
        }
    }


getStstus = localStorage.getItem('stat');
    if (getStstus == "true") {
        console.log("its checked");
        document.getElementById("stat").checked;
    } else {
        console.log("its not checked");
    }