localStorage 숙제 관련.

var itemTitle= [];
$('.buy').on('click', function(e) {
    var title = $(e.target).siblings('h5').text();

    if(itemTitle.indexOf(title) < 0){
        itemTitle.push(title);
    }

    var newItemTitle = JSON.stringify(itemTitle);
    localStorage.setItem('cart', newItemTitle);
    console.log(itemTitle);

    var localStorageItem = JSON.parse(localStorage.getItem('cart'));
    console.log(localStorageItem);

    $('.cart-container').html('');

    localStorageItem.forEach(function(item){
    let p = document.createElement('p');
    p.innerHTML = item;
    $('.cart-container').append(p);
})
    
});

// var localStorageItem = JSON.parse(localStorage.getItem('cart'));
// console.log(localStorageItem);

// localStorageItem.forEach(function(item){
//     let p = document.createElement('p');
//     p.innerHTML = item;
//     $('.cart-container').append(p);
// })

해당숙제를 저는 이렇게 작성하였습니다.

하지만 buy에 붙어있는 이벤트리스너 안에서 localStorage 안에 저장된 값을 가져와 cart.html에 p tag 생성하여 append 하려했지만,
작동이 안되더라구요. 전역변수에 있는 itemTitle 에 값을 이용해도 안되던데.

지금 주석처리되어있는 부분에 작성시 정상적으로 작동하던데 왜 이벤트리스터 안에서는 안되는건가요 ..?