js2

Lima·2021년 1월 27일
0
const form = document.querySelector(".js-form");
const input = document.querySelector("input");
const user_LS = "currentUser"
const greeting = document.querySelector(".js-greeting")
const showing_CN = "showing"

function saveName(text){
    localStorage.setItem(user_LS, text);
}

function handleSubmit(event){
    event.preventDefault();
    const currentValue = input.value;
    paintGreerting(currentValue); 
    saveName(currentValue);
}

function askForName(){
    form.classList.add(showing_CN);
    form.addEventListener("submit", handleSubmit)
}

function paintGreerting(text){
    form.classList.remove(showing_CN);
    greeting.classList.add(showing_CN);
    greeting.innerText = `Welcome, ${text}`;
}
function loadName(){
    const currentUser = localStorage.getItem(user_LS);
    if(currentUser===null){
       askForName();
        //user none
    } else {
        paintGreerting(currentUser); 
        //user exist
    }
}


function init(){
    loadName();
}

init();```

0개의 댓글