Sujet Précédent Sujet Suivant

Problème pour un formulaire en Javascript

Résolu/Fermé
Kebabiste - 3 mars 2023 à 11:20
jordane45 Messages postés 38178 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 16 mai 2024 - 6 mars 2023 à 14:05

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

2 réponses

Réponse 1 / 2
jordane45 Messages postés 38178 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 16 mai 2024 4 667
3 mars 2023 à 12:15

Bonjour

Il ne faut pas mettre de quottes des variables.
0
Kebabiste
3 mars 2023 à 12:28

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

0
jordane45 Messages postés 38178 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 16 mai 2024 4 667 > Kebabiste
3 mars 2023 à 12:32

Seulement ceux qui sont autour de nom et prénom

0
Kebabiste > jordane45 Messages postés 38178 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 16 mai 2024
3 mars 2023 à 12:36

ça fonctionne, merci beaucoup pour votre aide :)

0
Réponse 2 / 2
Kebabiste
5 mars 2023 à 13:32

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 :)
0
Ntique
6 mars 2023 à 09:55

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

0
jordane45 Messages postés 38178 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 16 mai 2024 4 667
6 mars 2023 à 14:05 
  message=" Bonjour "+  nom + " " + prenom ;
0

Discussions similaires

Je n'arrive plus à récuperer mon compte Outlook
gnulinux_ -
laure -

4 réponses
Compte HOTMAIL bloqué . Que faire ?
HAPOKA -
Charliemouse1922 -

27 réponses
Contacter le "bon coin"
babet56 -
SUDEST13 -

28 réponses
Javascript Arrondi à 2 chiffres après la virgule
jeremy -
gravityaerox -

12 réponses
formulaire de remboursement chez Free
Emerald -
Sabrina -

17 réponses