[JavaScript] 팝업 오늘 하루 보지 않기 (LocalStorage)

LocalStorage를 사용하여 페이지가 다시 로드될 때 팝업을 다시 표시할지 결정하는 방식으로 구현

 

1. 페이지 로드 시

• localStorage.getItem('doNotShow') 를 통해 오늘 하루 보지 않기를 설정했는지 확인한다.

window.onload = function() {
    const doNotShow = localStorage.getItem('doNotShow');

    if (!doNotShow) {
        popup.style.display = 'block';
    }
};

 

2. "오늘 하루 보지 않기" 버튼 클릭 시

• 현재 날짜를 localStorage 'doNotShow'에 저장.
• 팝업 사라지게 함

doNotShowButton.addEventListener('click', function() {
    const today = new Date();

    localStorage.setItem('doNotShow', today.toDateString());

    popup.style.display ='none';
});

 

3. "닫기" 버튼 클릭 시

• 팝업 닫기
• 다음 페이지 로드 시 다시 표시

closePopupButton.addEventListener('click', function () {
    popup.style.display = 'none';
});