Exercice 21/41

Soit une variable var1 qui contient une valeur. Dans le fichier "script.js" :

  • faites en sorte d'afficher le contenu de var1 dans la console de votre navigateur;
  • cliquez sur "Soumettre ma réponse".

Remarque :

Pour accéder à la console de votre navigateur, faites "F12" et regardez dans l'onglet "console".

Leçon 21/41

Vous avez vu en début de cours la fonction alert() pour afficher le contenu de variables ou du texte brut à l'écran sous forme de boîte de dialogue.

Il existe une fonction native de Javascript qui fait exactement la même chose mais qui affiche le résultat dans l'onglet "console" de votre navigateur (accessible via la touche F12).
C'est la fonction console.log(). Placée à des endroits "stratégiques" de votre code, elle permet de vérifier le bon déroulement du script. Par exemple :

var test;
console.log(test);

Le code ci-dessus affichera "undefined" dans la console du navigateur, ce qui permet de savoir que la variable test est undefined car elle ne contient aucune valeur.

La console est un outil à disposition des développeurs qui permet d'explorer l'environnement d'exécution de votre script : vous pouvez y entrer des instructions à la volée, vérifier l'existence de variables ou leur valeur, etc.

Commentaires les mieux notés

  • pisi.jerome

    pisi.jerome

    Bonjour, il y a une coquille à la dernière phrase de la description : "VouS pouvez y entrer des instructions à la voléeé".

    le 19/10/2016 à 18h14

  • mram

    mram Admin

    Merci c'est corrigé.

    le 20/10/2016 à 13h09

  • pascal-ds

    pascal-ds

    bonjour, dans la console JS de firefox, la réponse est "var1 is not defined"...

    le 11/10/2016 à 10h20

  • pascal-ds

    pascal-ds

    evidemment, si je la déclare avant (mais ce n'est pas demandé...) cela fonctionne très bien.

    le 11/10/2016 à 10h22

  • atif.souidi

    atif.souidi

    comment puis-je accédé a la console depuis un un mac ? merci

    le 21/09/2016 à 18h16

20 Commentaires

  • b.patou59-65

    b.patou59-65

    bonjour mram , je ne comprend pas mon erreur .pourriez vous me dire ce qui cloche dans mon code ?

    le 30/06/2020 à 19h02

  • meriam

    meriam Admin

    Bonsoir, vous devez utilisez la fonction console.log() et non pas consol.log()

    le 01/07/2020 à 00h40

  • b.hammoudi2-88

    b.hammoudi2-88

    bonjour pouvez vous valider mon exercice svp? merci.

    le 25/02/2018 à 14h51

  • mram

    mram Admin

    Bonjour, pour passez à la suite cliquez simplement sur la flèche en haut à droite de la page.

    le 01/03/2018 à 22h44

  • Nick

    Nick

    ah bah non enfait j'ai fais des tests, il suffit juste de mettre une valeur en chaine de caractère pour valider l'éxercice... on peut mettre juste var var1=""; console.log(var1); et sa marche :)

    le 13/02/2018 à 14h26

  • Nick

    Nick

    par contre pour le valider il faut que la valeur de var1 soit une chaine de caractère apparement... j'ai essayé avec un nombre et undefined, sa marche pas...

    le 13/02/2018 à 14h18

  • Nick

    Nick

    var var1=""; var result=var1; console.log(result);

    le 13/02/2018 à 14h14

  • Nick

    Nick

    il faut mettre var1 comme valeur à une variable "result", puis après faire le console.log sur le result voici mon code:

    le 13/02/2018 à 14h14

  • mram

    mram Admin

    Bonjour, oui là ça fonctionne mais ce n'est pas ce qu'on souhaite. Car dans ce cas autant faire un console.log() de votre contenu directement et pas de la variable elle-même.

    le 15/02/2018 à 23h44

  • Nick

    Nick

    Bonjour pour ma part j'ai réussi :)

    le 13/02/2018 à 14h12

  • leon.thom-33

    leon.thom-33

    Bonsoir, besoin d'aide

    le 10/02/2018 à 20h57

  • mram

    mram Admin

    Bonjour, votre code est juste. Vous pouvez passer à la suite malgré tout.

    le 12/02/2018 à 21h56

  • andrewedina-29

    andrewedina-29

    voici le code correct, var var1=''; console.log(var1);

    le 29/01/2018 à 20h12

  • damien.lando

    damien.lando

    bonjour ou est mon erreur ?

    le 11/01/2018 à 18h07

  • mram

    mram Admin

    Bonjour, votre code est correct, ne tenez pas compte de l'erreur ici.

    le 12/01/2018 à 02h40

  • berthelotlaurent

    berthelotlaurent

    validation imossible !

    le 09/01/2018 à 18h42

  • mram

    mram Admin

    Bonjour, votre code est correct, ne tenez pas compte de l'erreur ici.

    le 12/01/2018 à 02h08

  • brunocarriere

    brunocarriere

    bonjour, j'ai mis: console.log(var1); mais l'exercice ne veut pas valider je comprends pas..

    le 02/01/2018 à 15h41

  • mram

    mram Admin

    Bonjour, votre code est correct, ne tenez pas compte de l'erreur ici.

    le 06/01/2018 à 19h33

  • chorckmans

    chorckmans

    Idem chez moi, mon code a l'air correct mais impossible de valider l'exercice

    le 21/12/2017 à 12h03

  • mram

    mram Admin

    Bonjour, ne tenez pas compte de cette erreur. Votre code est correct.

    le 23/12/2017 à 16h51

  • jecht38

    jecht38

    Hello, c'est toujours bug, merci de le corriger ! Ca fait tâche de ne pas avoir le 100% alors que le code est juste...

    le 12/12/2017 à 17h19

  • ndonga.yves

    ndonga.yves

    bonjour, je suis bloqué! si mon code est bon comment dois-je faire pour avancer?

    le 03/12/2017 à 00h10

  • mram

    mram Admin

    Bonjour, oui votre code est correct. Passez simplement à l'exercice suivant.

    le 05/12/2017 à 11h04

index.html
script.js
<!DOCTYPE HTML> <html> <head> <title>Débugger son script</title> <script src="script.js"></script> </head> <body> </body> </html>
var var1 = 'foo'