// select elements
let codeTxt = document.getElementById("codeTxt")

let mdp = "Le Mot de Passe"

// functions
function styleMdp() {
    for (let i=0;i<mdp.length;i++){
        if (mdp[i] === ' '){
            var spaceCase = document.createElement("div")
            spaceCase.style.cssText = "width:3vw;height:5vh;margin:0vw 0.5vw 0vw 0.5vw;";
            codeTxt.appendChild(spaceCase)
        } else {
            var letterCase = document.createElement("input");
            letterCase.style.cssText = "background-color:white;margin:0vw 0.5vw 0vw 0.5vw;width:3vw;height:5vh"
            codeTxt.appendChild(letterCase)
        }
        
    }
}

styleMdp()

// listeners