Работа с LocalStorage
 

Здравствуйте!
Пишу функцию для работы с LocalStorage (для себя, дынных не много).
Возникает ошибка. Прошу не готовый код, просто подскажите куда смотреть).
Вот html:
Вот JS:

document.addEventListener("DOMContentLoaded", AutoStartAndAdd('set_load')); // обрабочик полной загрузки страницы
// 1. сделать единую функцию для загрузки страницы и добавления.
// 2. Сделать удаление выбранных строк
// 3. Авто-Вставка ссылок на обсуждения
// 4. Получение token ключа / или как получить вечный ключ
// 5. Получение количества комментариев в ветке обсуждения.
// 6. Сохранение последнего полученного количества комментариев в ветке обсуждения
// 7. Вычисление изменения в процентном соотношении за указанный период
// 8. Оформить все красиво -- пока все :)


// Выполение 1 пункта - единая функция для загрузки страницы и добавления.

function AutoStartAndAdd(Set) { // с помощью set мы понимаем тип операции: добавление, удаление, или первоначальная загрузка.
    // добавление set_add
    if (Set == 'set_add') {
        // добавляем в балицу и локальное хранилище.
        var tbody = document.getElementById('table1').getElementsByTagName("TBODY")[0];
        var row = document.createElement("TR");
        var td1 = document.createElement("TD");
        td1.appendChild(document.createTextNode(document.getElementById("id_discussion").value));
        var td2 = document.createElement("TD");
        td2.appendChild(document.createTextNode(document.getElementById("comment").value));
        row.appendChild(td1);
        row.appendChild(td2);
        tbody.appendChild(row);

        try {
            // сохраняем данные в локальное хранилище.
            localStorage.setItem(document.getElementById("id_discussion").value, document.getElementById("comment").value);
        } catch (e) { // проверка на достижение максимального лемита, получаем сообщение о превышении допустимого размера хранилища (5мб)
            if (e == QUOTA_EXCEEDED_ERR) {
                alert('Превышен лимит');
            }
        }
    }
    else if (Set == 'set_load') {
        for (var i = 0; i < localStorage.length; i++) {
            var tbody = document.getElementById('table1').getElementsByTagName("TBODY")[0];
            var row = document.createElement("TR");
            var td1 = document.createElement("TD");
            td1.appendChild(document.createTextNode(localStorage.key(i)));
            var td2 = document.createElement("TD");
            td2.appendChild(document.createTextNode(localStorage.getItem(localStorage.key(i))));
            row.appendChild(td1);
            row.appendChild(td2);
            tbody.appendChild(row);
        }
    }
    else if (Set == 'set_edit') {
        // редактируем, удалем и т.д.
    }
}

где обработчик?

document.addEventListener("DOMContentLoaded", AutoStartAndAdd('set_load'));

))

То есть я делал по этому примеру:

<script>
  function ready() {
    alert( 'DOM готов' );
    alert( "Размеры картинки: " + img.offsetWidth + "x" + img.offsetHeight );
  }

  document.addEventListener("DOMContentLoaded", ready);
</script>

<img id="img" src="https://js.cx/clipart/yozhik.jpg?speed=1">

нашел вот это сейчас:

<script>
  window.onload = function() {
    alert( 'Документ и все ресурсы загружены' );
  };
</script>
<iframe src="https://example.com/" style="height:60px"></iframe>
<img src="https://js.cx/clipart/yozhik.jpg?speed=1">

otwebsafe,

document.addEventListener("DOMContentLoaded", function() {
  AutoStartAndAdd('set_load')
});

Благодарю!