localStorage использовать только локальные переменные?

Question

localStorage работает только с переменными внутри слушателя? Я не могу понять, в чем разница.

var _form = document.querySelector("#formMovies");

    _form.addEventListener('submit', ()=>{
        var title = document.querySelector("#addMovie").value;
        localStorage.setItem(title, title);
    });

Работает !! Но следующий не

var _form = document.querySelector("#formMovies");
var title = document.querySelector("#addMovie").value;

    _form.addEventListener('submit', ()=>{
        localStorage.setItem(title, title);
    });

Answer 1

Причина, по которой это не работает во втором примере, заключается в том, что ваш код проверяет значение #addMovie при загрузке страницы и сохраняет его в title. Поскольку пользователь не вводил ничего правильно при загрузке страницы, title имеет значение undefined. Это работает в первом примере, потому что значение #addMovie сохраняется после того, как пользователь предположительно завершил заполнение формы.