JS : Persist checked inputs in web storage

persist-checked-inputs.js

(function () {
    const table = document.getElementById('my-table');
    const store = window.localStorage;

    table.querySelectorAll('[type="checkbox"]').forEach(function (input) {
        input.checked = !!store.getItem(`${input.name}_${input.value}`);
    });

    table.addEventListener('change', function (event) {
        let input = event.target;
        let key   = `${input.name}_${input.value}`;

        if (input.checked) {
            store.setItem(key, new Date());
        } else {
            store.removeItem(key);
        }

        let parent = input.parentNode;
        while (parent && parent.tagName !== 'TR') {
            parent = parent.parentNode;
        }

        if (parent) {
            parent.classList.toggle('tr-done', input.checked);
        }
    }, {
        passive: true
    });
})();