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

92 Commentaires

  • TomHitch

    TomHitch

    Re Bonjour, J'ai compris pourquoi je n'arrivais pas à afficher la console ... Parce que je suis sous Mac et donc j'utilisais safari ;) Pour que cela marche sous safari donc il faut aller dans les préférences de safari, onglet avancés et cocher la case "afficher le menu développement dans la bar de menu". Pour accéder à la console vous appuyez sur option+cmd+C ou vous allez dans le menu développement comme vous voulez

    le 29/03/2021 à 11h57

  • TomHitch

    TomHitch

    Re bonjour

    le 29/03/2021 à 11h53

  • TomHitch

    TomHitch

    Bonjour, je suis sous Mac, je code est bon puisqu'on me le valide en cliquant sur soumettre mais je n'arrive pas à afficher la console en appuyant sur F12 ( appuis sur touche fn pour faire apparaitre la touche F12 sur la touch bar) F11 marche par contre

    le 29/03/2021 à 11h39

  • Elbogoss

    Elbogoss

    indices les loulou tous est dans le cours attention spoil var var1=""; var result=var1; console.log(result);

    le 07/01/2021 à 06h29

  • layaafzal74-42

    layaafzal74-42

    console.log(var1)

    le 19/07/2020 à 18h55

  • 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 à 15h02

  • meriam

    meriam Admin

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

    le 30/06/2020 à 20h40

  • b.hammoudi2-88

    b.hammoudi2-88

    bonjour pouvez vous valider mon exercice svp? merci.

    le 25/02/2018 à 12h51

  • mram

    mram Admin

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

    le 01/03/2018 à 20h44

  • 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 à 12h26

  • 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 à 12h18

  • Nick

    Nick

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

    le 13/02/2018 à 12h14

  • 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 à 12h14

  • 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 à 21h44

  • Nick

    Nick

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

    le 13/02/2018 à 12h12

  • leon.thom-33

    leon.thom-33

    Bonsoir, besoin d'aide

    le 10/02/2018 à 18h57

  • mram

    mram Admin

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

    le 12/02/2018 à 19h56

  • andrewedina-29

    andrewedina-29

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

    le 29/01/2018 à 18h12

  • damien.lando

    damien.lando

    bonjour ou est mon erreur ?

    le 11/01/2018 à 16h07

  • mram

    mram Admin

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

    le 12/01/2018 à 00h40

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