Problème pour un formulaire en Javascript
Résolujordane45 Messages postés 38486 Date d'inscription Statut Modérateur Dernière intervention -
Bonjour,
Je dois créer un formulaire pour mon cours de programmation en utilisant le langage Javascript. L'objectif est qu'une boîte de dialogue s'affiche lorsque l'utilisateur clique sur le bouton envoyer en affichant "Bonjour + le prénom inscrit + le nom inscrit".
Seulement, avec le code que j'ai créé, le nom et prénom de la personne ne s'affiche pas. Il est simplement affiché "Bonjour nom prenom".
Voici mon code :
<!DOCTYPE html>
<html>
<head>
<!-- En-tête de la page -->
<meta charset="utf-8"/>
<title>Titre</title>
<script>
function envoyer(){
var nom,prenom;
nom=document.frm_donnees.txtNom.value;
prenom=document.frm_donnees.txtPrenom.value;
message=" Bonjour "+" nom "+" prenom ";
alert(message);
}
</script>
</head>
<body>
<hr>
Données personnelles
<hr>
<form name="frm_donnees">
<table>
<tr>
<td>NOM : </td> <td><input type="text" name="txtNom"></td>
</tr>
<tr>
<td>PRENOM : </td> <td><input type="text" name="txtPrenom"></td>
</tr>
<tr>
<td>ADRESSE : </td><td><textarea name="txt_Adresse"></textarea>
</tr>
<tr>
<td>PAYS :</td>
<td>
<select name="LstPays">
<option value="France"> France </option>
<option value="Belgique"> Belgique </option>
<option value="Espagne"> Espagne </option>
<option value="Allemagne"> Allemagne </option>
</select>
</td>
</tr>
<tr>
<td> Sexe : </td>
<td>
F <input type="radio" value="féminin" name="rdbtn_sexe">
M <input type="radio" value="masculin" name="rdbtn_sexe">
</tr>
</table>
<input type="button" value="envoyer" name="btn_envoyer" onclick="envoyer()">
</form>
</body>
</html>
Comment faire ?
Merci d'avance :)
Windows / Chrome 110.0.0.0
- Problème pour un formulaire en Javascript
- Whatsapp formulaire opposition - Guide
- Formulaire de réclamation facebook - Guide
- Formulaire de reclamation instagram - Guide
- Telecharger javascript - Télécharger - Langages
- Formulaire de contact le bon coin introuvable ✓ - Forum Réseaux sociaux
2 réponses
J'ai une question supplémentaire là-dessus, mon code fonctionne bien mais je n'ai pas d'espace entre le nom et le prénom dans la boîte de dialogue, est-ce possible d'en ajouter un ?
Merci d'avance :)
Salut,
une chose que vous ne semblez pas avoir compris est l'utilisation des guillemets en JavaScript.
Et la concaténisation qui va avec.
Des guillemets servent à indiquer une valeur textuel(String).
Une variable est un container de stockage. Elle peut contenir une valeur de type String(du texte) ou Number(numérique) ou Boolean(booléen) et d'autres "types de données" existant mais pour l'utiliser il n'est pas besoin d'utiliser des guillemets puisque une variable n'est pas du texte.
Ainsi si vous indiquez:
var numerique = 20
var textuel = "vingt"
l'une est un nombre (qui peut être utilisé dans des calculs) et l'autre un texte(qui ne peut être utilisé dans un calcul).
La concaténisation c'est relier plusieurs valeurs en un texte.
Ainsi si vous écrivez:
alert("Hello "+numerique)
Vous aurez une alerte affichant "Hello 20"
Donc notre variable textuel stocke "vingt" et cette chaîne de caractères n'a aucun espace.
Donc quand on l'utilise
alert("Hello"+textuel)
//-- affiche "Hellovingt"
Si vous voulez autre chose il faudra indiquer les autres choses.
alert("ma note sera de 20 sur "+textuel)
//-- "ma note sera de 20 sur vingt"
Bref concaténer utilise le signe plus et permet de créer une chaîne de caractères(qui peut être stockée ou non, ici ce n'est pas le cas).
Bonjour,
Je dois donc enlever les " au niveau de cette ligne de code ? :
message=" Bonjour "+" nom "+" prenom ";
J'ai déjà essayé mais ça ne fonctionne pas.
Merci d'avance
Seulement ceux qui sont autour de nom et prénom
ça fonctionne, merci beaucoup pour votre aide :)