[Résolu] Comprendre et apprendre pour récupérer une variable d'un func

Bonsoir, il te faudrait écouter/attendre la fin de deux type d’événements dans la page que tu charges pour enfin injecter ton texte et la date

1 . le premier: Attendre que la page soit chargée pour trouver tes select
2. le second: Ajouter un événement onchange sur les selects trouvés (ou filtrés).

Pour la date : utilise la fonction Date de javascript https://developer.mozilla.org/fr/docs/Web/JavaScript/Reference/Global_Objects/Date

Pour les heures et minutes, c'est tout simplement la valeur des select que tu as déterminé dans le code. (où tu attend une modification pour les injecter/mettre à jour).

En JavaScript, le code peut ressembler a ceci :

document.addEventListener("DOMContentLoaded", function () {// on attend le chargement de la page
  let selects = document.querySelectorAll("select");// on cherche nos balises 
  for (let i = 0; i < selects.length; i++) {
    selects[i].addEventListener("change", () => {// ecoute de changement de valeur selectionné
      book();// lance enfin  la fonction utile une fois tout les éléments et evenements liés identifiés.
    });
  }
});

function book() {
  let dDay = new Date();
  let update = document.querySelector("#booking");// input à mettre à jour
  let ttarea = document.querySelector("#txtA");//  ou textarea à mettre à jour
  let heure = document.querySelector('[name="heure"]').value;
  let minute = document.querySelector('[name="minute"]').value;
//  formatage de ta chane avec la date du jour et les valeurs modifiées des selects
  let newVal= 
    "RDV le " +
    dDay.toLocaleDateString() +
    " à " +
    heure +
    "H" +
    minute +
    "mn";
  update.value = newVal;//Maj
  ttarea.innerHTML= newVal//maj
}

en live pour test : https://codepen.io/gc-nomade/pen/poKpyJo

Cdt
Modifié par gcyrillus (19 Nov 2022 - 23:16)