Exercice 6/41

Soit la variable text déjà définie et qui contient du texte.
Dans le fichier "index.html" entre les balises <script></script> :

  • déclarez la variable BirthDate et affectez-lui votre année de naissance sous la forme d'un nombre (sans les guillemets);
  • concaténez le contenu des deux variables dans alert(); de manière à afficher le texte puis votre date de naissance;
  • cliquez sur "Soumettre ma réponse".

Leçon 6/41

Vous avez déjà vu deux types de variables :

  • la chaîne de caractères (type "string");
  • la valeur numérique (type "number");

Dans les exercices précédents, vous avez affiché à l'écran soit la variable monPrenom soit la variable monAge avec alert();.
Il serait bien de pouvoir afficher en une seule fois plusieurs variables.

Cela se fait au moyen de l'opérateur de concaténation +.
Concaténer signifie mettre bout à bout le contenu de plusieurs variables et/ou le contenu d'une variable avec du texte brut.

Remarque :

L'opérateur de concaténation peut produire des résultats différents (inattendus) selon le type de variable utilisé et leur ordre. En effet, Javascript ne traite pas de la même façon une variable de type string et une variable de type number.
Avec des nombres, le caractère + sert d'opérateur arithmétique (addition).

Sachant que Javascript évalue les instructions de la gauche vers la droite, la concaténation de texte et de nombres donne des résultats différents :

var result = "Windows" + 7; // Affiche : Windows7
var result = 5 + 3 + "°C"; // Affiche : 8°C
var result = "PHP" + 6 + 1; // Affiche : PHP61 et non PHP7

Commentaires les mieux notés

264 Commentaires

  • aoudeche.amina1-26

    aoudeche.amina1-26

    Bonjour, je ne comprends pas ou est l’erreur ? Je n’arrive pas à valider l’exercice

    le 04/03/2022 à 15h17

  • meriam

    meriam Admin

    Bonjour, la variable doit être BirthDate

    le 06/03/2022 à 22h08

  • Mr.FreezHot

    Mr.FreezHot

    Bonjour je ne comprends mon erreur

    le 22/02/2022 à 03h03

  • meriam

    meriam Admin

    Bonjour, vous devez respecter l'énoncé, la variable doit être BirthDate alors que avez écrit BirthDay.

    le 22/02/2022 à 13h23

  • busing.eric-69

    busing.eric-69

    Bonjour, voici mon code <script> var text = 'Je suis née en '; var BirthDate = 1989; alert("text + BirthDate"); </script>. Cela ne fonctionne pas, je ne comprends pas

    le 27/01/2022 à 09h43

  • meriam

    meriam Admin

    Bonjour, il faut supprimer les guillemets qui entourent "text+BirthDate"

    le 27/01/2022 à 09h46

  • luniversdenuna-62

    luniversdenuna-62

    Bonjour, ma formule fonctionne alors pourquoi ne pas la valider une fois soumise ? Ai-je loupé quelque chose ? <script> var text = 'Je suis née en ' var maDate= 1975; var result = text + maDate; alert(result); </script>

    le 20/01/2022 à 11h03

  • meriam

    meriam Admin

    Bonjour, vous avez déclaré la variable result, alors que cette variable n'est demandée par l'énoncé.

    le 20/01/2022 à 12h13

  • cyrille.chateau56-29

    cyrille.chateau56-29

    Bonjour je suis bloqué et ne comprend pas mon erreur, j'ai bien posé les variables et leurs données

    le 05/01/2022 à 07h13

  • meriam

    meriam Admin

    Bonjour, il faut corriger le nom de la variable BirthDate au lieu de Birthdate.

    le 05/01/2022 à 11h02

  • cyrille.chateau56-29

    cyrille.chateau56-29

    Bonjour,

    le 05/01/2022 à 07h12

  • cyrille.chateau56-29

    cyrille.chateau56-29

    Bonjour,

    le 05/01/2022 à 07h12

  • meriam

    meriam Admin

    Bonjour, quel est votre problème?

    le 05/01/2022 à 11h55

  • safiabdulhadi1994

    safiabdulhadi1994

    <script> var text = 'Je suis née en '; var BirthDate = 1994; alert(text + BirthDate); </script>

    le 04/01/2022 à 15h15

  • meriam

    meriam Admin

    Votre code fonctionne correctement

    le 04/01/2022 à 17h46

  • saidabdallahsaidomar96-24

    saidabdallahsaidomar96-24

    Bonjour, je suis bloqué a ce niveau : var text = 'Je suis née en' + var = BirthDate = 1996; alert(text + BirthDate); et sa me met que le script prend trop de temps ... est ce parce que j'ai fait une erreur ou c'est du a un bug ?

    le 25/12/2021 à 10h24

  • meriam

    meriam Admin

    Bonsoir, il faut ajouter un point-virgule à la fin de l'instruction var text = 'Je suis née en'

    le 26/12/2021 à 22h57

  • meriam

    meriam Admin

    Bonjour, il faut supprimer le signe + aprés l'instruction var text = 'Je suis née en'

    le 26/12/2021 à 22h57

  • jessyka.loreau-62

    jessyka.loreau-62

    Bonjour, en rapport avec la leçon pourriez-vous me donner plus d'explication concernant cet exemple var result = "PHP" + 6 + 1; // Affiche : PHP61 et non PHP7 . Pourquoi dans se sens ça ne s'additionne pas? Merci beaucoup.

    le 01/12/2021 à 14h12

  • meriam

    meriam Admin

    Exemple :alert("dan" + "iel"); // affichera "daniel" alert("dan" + 2); // affichera "dan2"

    le 01/12/2021 à 14h47

  • meriam

    meriam Admin

    Bonjour, Cet opérateur est très important : il permet d’empiler des informations dans une variable. Il suffit d’utiliser le point + entre chaque partie. Règle d’assemblage : La concaténation ne fonctionne que si au moins une des parties contient une chaîne de caractères.

    le 01/12/2021 à 14h48

  • meriam

    meriam Admin

    Exemple :alert("dan" + "iel"); // affichera "daniel" alert("dan" + 2); // affichera "dan2", Dans le cas contraire le signe + est considérer comme une addition.

    le 01/12/2021 à 14h48

  • meriam

    meriam Admin

    on utilise des signes + au sein de notre instruction alert pour pouvoir afficher côté à côte le contenu de nos variables et du texte. Pour être tout à fait précis, vous pouvez retenir que lorsqu’on utilise le signe +, le JavaScript va considérer tout ce qui se situe après une chaine de caractères comme des chaines de caractères. Ainsi, si on écrit 'un' + 2 + 4 , le JavaScript concaténera en 'un24' tandis que si on écrit 2 + 4 + 'un', la valeur finale sera '6un'.

    le 01/12/2021 à 14h48

  • natachaym-66

    natachaym-66

    problème résolu!

    le 07/10/2021 à 14h49

  • meriam

    meriam Admin

    N'hésitez pas à poser des questions si vous trouvez des problèmes dans les exercices qui suivent. Bon travail.

    le 07/10/2021 à 15h15

  • natachaym-66

    natachaym-66

    Meriam, est-il possible de m'aider? je ne comprends pas mon erreur. Merci.

    le 06/10/2021 à 15h28

  • meriam

    meriam Admin

    Bonjour, pour concaténer deux variables, il faut utiliser les noms des variables.

    le 07/10/2021 à 15h07

  • natachaym-66

    natachaym-66

    Bonjour, on me dit que je dois concatener dans l'ordre les variables. pourtant c'est que j'ai fait. Où est l'erreur?

    le 06/10/2021 à 07h58

  • meriam

    meriam Admin

    Bonjour, pour concaténer les éléments, il faut supprimer les mots clé var.

    le 08/10/2021 à 12h28

  • frederique12simon-6

    frederique12simon-6

    je ne comprend ou est mon erreur ?

    le 29/09/2021 à 15h49

  • meriam

    meriam Admin

    Bonjour, vous devez corriger la déclaration de la variable Birthdate, on met pas le nom de la variable entre guillemets

    le 29/09/2021 à 16h39

  • dalilabenslika-84

    dalilabenslika-84

    Bonjour, quoi que j'écrive je n'arrive ni a cliquer sur "reset" ni a cliquer sur soumettre

    le 17/09/2021 à 09h53

  • meriam

    meriam Admin

    ReBonjour, c'est uniquement pour cet exercice ou pour les autres aussi.

    le 17/09/2021 à 11h24

  • meriam

    meriam Admin

    Pour concaténer les deux variables ==> var text = 'Je suis née en '; var dateBirth = 1998; alert(text+dateBirth);

    le 17/09/2021 à 11h26

Pour publier un commentaire, vous devez vous connecter.
index.html
<!DOCTYPE HTML> <html> <head> <title>Concaténation de variables</title> </head> <body> <script> var text = 'Je suis née en ' </script> </body> </html>
http://localhost:8080