Web Storage API

* 입력한 뒤 브라우저에서 [새로고침] 해보세요.. 입력했던 값이 그대로 남아 있나요? 이 탭을 닫은 뒤에 다시 접속해보세요..

                                
                                    
                                
                            
                                
                                    document.addEventListener('DOMContentLoaded', () => {
                                        const input= document.querySelector('.delete_btn')
                                        const button= document.querySelector('.no_delete')

                                        const savedValue= localStorage.getItem('input') // 또는, localStorage.input;
                                        if (savedValue) input.value= savedValue
                                        
                                        input.addEventListener('keyup', (event) => {
                                            const value= event.currentTarget.value

                                            localStorage.setItem('input', value) // 또는, localStorage.input= value;
                                        })

                                        button.addEventListener('click', (event) => {
                                            localStorage.clear()
                                            input.value= ''
                                        })
                                    });
                                
                            

스토리지 기록을 지우려면; 위 [지우기] 버튼을 눌러서 수동으로 삭제해야 합니다..