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();```