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 html : Sélectionner tout - Visualiser dans une fenêtre à part
<a href="/nouvellepage/" class="lien"></a>

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

Code html : Sélectionner tout - Visualiser dans une fenêtre à part
<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 : Sélectionner tout - Visualiser dans une fenêtre à part
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 !