Problème pour un formulaire en Javascript
Posté : 03 mars 2023, 12:08
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 :
Comment faire ?
Merci d'avance
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 :
Code : Tout sélectionner
<!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>Merci d'avance