Récupérer valeur Input pour afficher en fin d'URL

Bonjour à tous,

Je débute tout juste le JS, et je souhaiterais avoir un peu d'aide.
Voilà ce que je souhaite faire sur mon site et que je ne parviens pas à faire :
=> ajouter à la fin de l'URL d'un bouton cliquable la valeur récupérée dans un champ input.

Concrètement :
-l'internaute entre sa valeur dans un champ Inuput ;
-lorsqu'il clique sur un bouton situé sous ce champ, alors une URL s'ouvre. Cette URL est composée comme suit : "https://example.com/[SAVALEUR]"

Quelqu'un aurait-il la gentillesse de m'indiquer comment faire svp ?

Merci par avance :)

Bonjour et bienvenue sur DVP.

Tu n'as pas besoin de JavaScript pour faire cela, c'est le comportement normal d'un formulaire.

Code:

---

1 2 3 4

<form action="https://example.com/"> <input type="text" name="param"> <input type="submit"> </form>

---

si tu saisies "exemple saisi" dans le champ param, l'url deviendra https://example.com/?param=exemple+saisi

Merci NoSmoking pour ta réponse rapide !
Je viens de tester. Mais comment faire pour qu'il n'y ait que la valeur saisie dans le champ à la fin de l'URL et non pas ceci également "?param=" ?

Désolée si c'est du basique... :roll:

J'ai fait autrement en approfondissant mes recherches, en php du coup. Pour ceux qui passeraient par là avec le même besoin, je note le code.

Dans mon HTML :

Code:

---

1 2 3 4

<form id="monform" action="suivrecolis.php" method="POST"> <input id="suivicolis" name="suivicolis" type="text" placeholder="Entrer ici le n° de suivi colis"> <input name="submit" type="submit" value="Suivre mon colis"> </form>

---

Dans un fichier suivrecolis.php :

Code:

---

1 2 3 4 5 6 7 8 9

<?php   if (isset($_POST['submit'])) { $var = $_POST['suivicolis']; header("location: http://parcelsapp.com/fr/tracking/".$var); }   ?>

---

Je ne sais pas si c'est propre, en tout cas ça fonctionne