Projet_Prog_Web/JAVASCRIPT/couloir_ami.js

//------------------ Variables ------------------//
let p_counter = 0;
let texts = document.getElementsByClassName("textWillAppear");
let buttonBox = document.getElementById("buttons");
let arrow = document.getElementById("arrow");
let space = document.getElementById("space");
let nomAmi = document.getElementsByClassName("nomAmi");

console.log(nomAmi[0])

let NB_TEXTS = texts.length;
let NB_BUTTONS = 1;
let NB_ELEMENTS_TO_APPEAR = NB_TEXTS + NB_BUTTONS;

//------------------ Fonctions ------------------//
for (let i = 0 ; i<nomAmi.length ; i++) {
    nomAmi[i].innerHTML = localStorage.getItem('friendPseudo');
}
//gère les apparitions et disparitions des textes
function makeNextTextAppear(event) {
    if (p_counter < NB_ELEMENTS_TO_APPEAR) {
        if (event.keyCode == 13 || event.keyCode == 32) {
            if(p_counter < NB_TEXTS) {
                texts[p_counter].style.cssText = "animation: fade 2s forwards;";
            }
            else {
                buttonBox.style.cssText = "animation: fade 2s forwards;";
                arrow.style.cssText = "animation: fade-reverse 2s forwards;";
                space.style.cssText = "animation: fade-reverse 2s forwards;";
            }
            p_counter += 1;
        }
    }
}


//------------------ Gestion events ------------------//
document.addEventListener("keypress", makeNextTextAppear);