[HTML] Storage

귤티·2025년 4월 19일

front

목록 보기
3/10

storage.js

function main(){

	let userName = localStorage.getItem('userName')
    
    if(userName == null){
		userName = prompt('당신의 이름은 무엇입니까?')
        localStorage.setItem("userName", userName)
    }
    const p = document.querySelector("#username")
    
    
    p.innerText = userName
    
}

document.addEventListener('DOMContentLoaded', main);

prompt() => 사용자에게 입력을 받는 함수

localStorage.setItem(key, value) -> 로컬 스토리지에 데이터 저장
키: 데이터의 이름

storage.html

<body>
	<h1>당신의 이름은?</h1>
    <p id="user-name"></p>
</body>
profile
취준 진입

0개의 댓글