1234567891011121314151617181920212223242526272829303132333435363738 |
- //------------------ 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.getElementById("nomAmi");
-
- console.log(texts)
-
- let NB_TEXTS = texts.length;
- let NB_BUTTONS = 1;
- let NB_ELEMENTS_TO_APPEAR = NB_TEXTS + NB_BUTTONS;
-
- //------------------ Fonctions ------------------//
-
- nomAmi.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);
|