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 에 값을 이용해도 안되던데.

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

[codingapple]

이벤트리스너 안의 console.log는 잘 실행되나 확인해봅시다

[정창엽]

이벤트리스너 안에 console.log는 잘 실행됩니다.
구간마다 consloe.log로 확인하였는데 정상적으로 출력되었고, forEach반복문 안에서도 console.log및 create한 p tag도
출력해보면 정상적으로 나오더라구요. vscode 재부팅 및 컴퓨터 재부팅해도 똑같습니다 ㅠ_ㅠ

[codingapple]

알 수 없군요 localStorageItem이 array맞나 확인해보거나 $('.cart-container').append('<p>어쩌구</p>'); 해봅시다

[글쓴이]

글