Discussion :

[Charlotte90]

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

[NoSmoking]

Bonjour et bienvenue sur DVP.

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

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[Charlotte90]

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...

[Charlotte90]

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 html :

Sélectionner tout - Visualiser dans une fenêtre à part

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 PHP :

Sélectionner tout - Visualiser dans une fenêtre à part

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