Mon text disparait quand je rafraichit la page

Bonjour j'ai un code qui me permet d'écrire une ligne de text a chaque clic mais il s'avère que a chaque fois que je rafraichit ce text disparait y'a t-il un moyen d'éviter ça ???
j'ai regarder mais j'ai rien trouver ...

<p id="txt"></p>
<li><a id="btn" href="#"> Modéle </a></li>

<script>
	const btn = document.getElementById('btn');
	const txt = document.getElementById('txt');

	btn.addEventListener('click', () => {
		var texte = txt.textContent += "Modéle de données\n"		
	});
</script>

Merci d'avance,

Hello,

Tu peux par exemple utiliser sessionStorage !
Ce qui peux donner quelque chose de ce style:

document.addEventListener('DOMContentLoaded', function () {

	const btn = document.getElementById('btn');
	const txt = document.getElementById('txt');
	
	// ici on va vérifier si une valeur a été stockée
	if (sessionStorage.getItem("oldValues")) {

		// si oui on la récupère et on l'écrit dans le paragraphe
		txt.textContent = sessionStorage.getItem("oldValues");
	  
	}

	btn.addEventListener('click', () => {
	
		var texte = txt.textContent += "Modéle de données\n"
		// ici on stocke le contenu dans la clé "oldValues"
		sessionStorage.setItem('oldValues', txt.textContent);
		
	});
	
});

@LenaMora : Ce n'est pas la peine d'ouvrir 1000... sujets sur le même thème....

je ferme le sujet.