Problème pour un formulaire en Javascript

Pour toutes les discussions javascript, jQuery et autres frameworks
Répondre
Kebabiste
Messages : 2
Enregistré le : 03 mars 2023, 12:06

Problème pour un formulaire en Javascript

Message par Kebabiste » 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 :

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>
Comment faire ?

Merci d'avance :)

Avatar du membre
webmaster
Administrateur du site
Messages : 563
Enregistré le : 28 févr. 2017, 15:19

Re: Problème pour un formulaire en Javascript

Message par webmaster » 04 mars 2023, 18:09

Bonjour,

C'est la confusion qu'on fait souvent au début. Il ne faut pas confondre une chaine de caractere et une variable du meme nom
La bonne syntaxe est :

Code : Tout sélectionner

            message=" Bonjour "+nom+" prenom ";
TJS : 25 ans et mon livre Tout JavaScript chez Dunod
https://www.toutjavascript.com/livre/index.php

Kebabiste
Messages : 2
Enregistré le : 03 mars 2023, 12:06

Re: Problème pour un formulaire en Javascript

Message par Kebabiste » 05 mars 2023, 11:18

ça fonctionne ! Merci beaucoup pour votre aide :)

lilysmith9896
Messages : 2
Enregistré le : 10 juil. 2023, 09:12

Re: Problème pour un formulaire en Javascript

Message par lilysmith9896 » 10 juil. 2023, 09:13

backroomsMerci beaucoup pour la réponse.

Répondre