Récupérer un paramètre passé dans l'URL

Bonjour,
j'ai crée un formulaire avec un champ de recherche dans la barre de navigation je voudrais que :
A la soumission du formulaire rediriger l'utilisateur sur une autre page et en même temps j'ai besoin de garder la valeur du champ(un verbe choisi), pour manipuler par la suite.
Je pensais garder la variable et valeur dans l'url de redirection et la récupérer par la suite. En php je sais comment faire mais en JS j'ai besoin de votre aide:D
Mon code

Code:

---

1 2 3 4 5 6

<form id="formGlobalVerbes"> <input type="text" id="getGlobalVerbes" list="globalVerbes" name="verbe"> <datalist id="globalVerbes"> </datalist> <button type="submit" class="btn btn-secondary btn-sm">rechercher</button> </form>

---

Code:

---

1 2 3 4 5 6 7 8 9

let formGlobalVerbes = document.querySelector('#formGlobalVerbes'); let inputGlobalVerbes = document.querySelector('#getGlobalVerbes'); formGlobalVerbes.addEventListener('submit', function(e) { e.preventDefault(); let valeur = inputGlobalVerbes.value; if(valeur.length >0) { document.location="./globalVerbe.html"; } })

---

Sans redirection je retrouve bien à la fin de mon url ?name="..."
Je devrais dans l'url globalVerbe.html ajouter la valeur et la récupérer.
merci pour votre aide.

Salut Matteo53,

Page principale

Code:

---

1 2 3 4 5 6 7 8

let formGlobalVerbes = document.querySelector('.btn'); let inputGlobalVerbes = document.getElementById('getGlobalVerbes');   formGlobalVerbes.addEventListener('click', (e) => { e.preventDefault(); let valeur = inputGlobalVerbes.value if (valeur) document.location = "./globalVerbe.html?name=" + valeur })

---

Page globalVerbe

Code:

---

1 2 3 4 5 6

var url = new URL(window.location.href); var search_params = new URLSearchParams(url.search); if (search_params.has('name')) { var name = search_params.get('name'); console.log(window.location.href + '\n' + name) }

---

Bonjour,
merci beaucoup, j'ai adapté votre code et c'est ok

Code:

---

1 2 3 4

let urlCurrent = document.location.href; var url = new URL(urlCurrent); var name = url.searchParams.get("name"); console.log(name);

---

Bonne journée