js 내용 저장하기 local storage

localstorage.setItem("이름","내용")

으로 저장

localstorage.getItem("이름")

으로 읽을 수 있다.

 

css에서 display: none; 시에 숨길 수 있음.

const ok1= document.querySelector("#login");
const link = document.querySelector("h1");
const ok2= document.querySelector("#login input");

function whenEvent(event)
{
    event.preventDefault();
    const usern = ok2.value;
    localStorage.setItem("value2",usern);
    ok1.classList.add("hidden");
    IH(usern);
}
function IH(a){
    link.innerText = `Hello ${a}`;
    link.classList.remove("hidden");
}
const check = localStorage.getItem("value2")
console.log(check);     
if(check===null)
{
    ok1.classList.remove("hidden");
    ok1.addEventListener("submit",whenEvent);    
}
else{
    IH(check);
}

input에 이름을 입력하면 local storage에 저장하고 form을 숨기며 h1의 내용을 보이게 하는 코드.