Общие вопросы по JS

Курсы Манипуляции с DOM
1

Добрый день!
У меня 2 вопроса, которые разбирающимся людям должны показаться очень простыми.

  1. В начальных главах по JS мы используем такой метод прослушки объекта:
    item.onclick = function () { }
    Затем начинаем использовать такой:
    item.addEventListener (‘click’, function () { })

Вопрос: в чем разница?

  1. Как сделать так, чтобы отрисованные через JS элементы разметки оставались после закрытия документа?
    Ведь после закрытия все элементы, которые ты добавил через append, изсчезают.