Envoyer une valeur lors d'une redirection vers une ouverture d'une page

Bonjour je cherche à envoyer une valeur dynamiquement quand j'ouvre une autre page !

Par exemple je suis sur une page qui contient 4 balise <a></a> ayant exactement le même "href" qui mènent à une page:

Code:

---

<a href="/nouvellepage/" class="lien"></a>

---

Cette page à un H1 avec une classe et sans valeur dedans :

Code:

---

<h1 class="titre"></h1>

---

J'aimerais, en fonction d'ou je click (l'une des 4 balises <a> donc), changer le h1 de la page

J'ai déjà ça :

Code:

---

1 2 3 4 5 6 7 8 9

const lien = document.querySelectorAll('.lien'); const tabTitre = ['Musique','Dessin','Jeux','Sortie'];   for (let i = 0; i < lien.length; i++){ lien[i].addEventListener('click',() => { //code qui recupère la valeur du tableau en fonction du click et renvoi cette valeur dans le h1 de la page qui va s'ouvrir avec le click   }); }

---

Mais je bloc un peu pour changer la valeur dynamiquement...

J'ai testé plein de choses mais rien à faire

Merci !

Il suffit au chargement de la page de venir modifier dynamiquement les href des lien pour y ajouter un paramètre get

Code:

---

1 2 3 4 5 6 7

const lien = document.querySelectorAll('.lien'); const tabTitre = ['Musique','Dessin','Jeux','Sortie'];   for (let i = 0; i < lien.length; i++){ lien[i].href= lien[i].href+"?Titre="+tabTitre[i] }); }

---

ensuite sur la page de destination
soit tu récupères le get coté serveur pour router
soit sur le onload coté client tu récupères le paramètre get ...

Super merci SpaceFrog !
Je sais pas si tu as fait exprès de ne pas avoir mis la ligne avec le addEventListener en tout cas chez moi ça marche super et je récupère donc mon titre avec un $_GET['Titre']

Je ne vois pas d'intérêt à passer par addEventListener pour ajouter un click alors qu'il suffit de modifier le href de tes liens ...

Ha ba oui effectivement ... Suis-je bête --'

Faut que je me mette ça dans la tête !