// select elements
let pseudoInput = document.getElementById("pseudoInput")
let errorTxt = document.getElementById("errorTxt")
let button = document.getElementById("button")
let pseudo = ""

//functions

function initPseudoInput(){
    console.log(pseudo);
    pseudoInput.value = ""
    console.log(pseudo);
}

function handleNavigation(){
    console.log(pseudo);
     if (pseudo){
         button.childNodes[1].setAttribute("href","etrange_decouverte.html")
         localStorage.setItem("pseudo",pseudo);
     } else {
        button.childNodes[1].removeAttribute("href")
        errorTxt.innerText = "Veuillez rentrer un pseudo svp"
     }
}

function handlePseudoChange(event){
    pseudo = event.target.value;
    console.log(pseudo);
}

initPseudoInput();

// event listeners
pseudoInput.addEventListener("change",handlePseudoChange)
button.addEventListener("click",handleNavigation)