Partage
  • Partager sur Facebook
  • Partager sur Twitter

Cours Apprenez à coder avec JavaScript

    18 juin 2018 à 18:15:15

    En effet il n'y a pas de dysfonctionnement à proprement parler, mais comme tu peux le voir, l'onglet "JS" est absent de ma console, et en l’occurrence je voudrais travailler sur du JavaScript. En soi ce n'est qu'un signe visible qui aurait pu alerter quelqu'un de la nature du problème, mais le problème se pose plus concrètement pour moi en ceci que ma console ne réagit pas du tout au langage JavaScript. Quand je veux inclure un caractère spécial à l'intérieur d'une chaine, pour aller à la ligne par exemple "... \n...", rien ne se passe ; d'où l'attention que je porte sur cette absence d'onglet JS qui semble bien correspondre à mon problème. Merci de m'avoir répondu si vite. 

    -
    Edité par RomainSorrenti 18 juin 2018 à 18:30:48

    • Partager sur Facebook
    • Partager sur Twitter
      18 juin 2018 à 19:49:21

      La console affichée dans le cours, et plus précisément sur la version du navigateur qu'il utilise, affiche toutes sortes de messages d'information. C'est la console navigateur, souvent une console globale. Ta console n'affiche que le JS. Ce n'est donc pas un problème pour toi. Ta console affiche très probablement normalement le JS.
      • Partager sur Facebook
      • Partager sur Twitter
      /!\ Si je cesse de répondre c'est parce que vous êtes venus poster sans avoir suivi les cours de base sur le sujet. /!\
        18 juin 2018 à 20:52:43

        Je demandais un console.log(b)  et cela devait m'afficher body dans la console et non un NULL.

        Le problème a était résolu, mon script n'était pas au bonne endroit, il aurait du se trouver juste avant la balise </body> comme ceci

        <!doctype html>
        <html>
         
        <head>
            <meta charset="utf-8">
            <title>Ma page web</title>
        </head>
         
        <body>
            <h1>Ma page web</h1>
            <p>Bonjour, je m'appelle Baptiste.</p>
            <p>J'habite dans la belle ville de <a href="http://www.lyon.fr">Lyon</a>.</p>
            <script src="../js/cours.js"></script>
        </body>
         
        </html>

        -
        Edité par pereag 18 juin 2018 à 20:54:03

        • Partager sur Facebook
        • Partager sur Twitter
          18 juin 2018 à 21:33:45

          yup, c'est ce qui a été dit ici il y a déjà quelques heures. :)
          • Partager sur Facebook
          • Partager sur Twitter
          /!\ Si je cesse de répondre c'est parce que vous êtes venus poster sans avoir suivi les cours de base sur le sujet. /!\
            19 juin 2018 à 11:02:24

            Bonjour Genroa,

            Merci, mon problème venait bien de cette majuscule :)

            • Partager sur Facebook
            • Partager sur Twitter
              19 juin 2018 à 11:20:06

              Bonjour,

              Dans ce cours, dans la partie : "6. AJoutez des conditions", il y a un exercice en dessous nommé : 

              Valeurs finales

              Examinez le programmevaleurs.js ci-dessous. (il y a un tableau dessous)

              puis,

              Avant de l'exécuter, tentez de prévoir les valeurs finales des variablesnb1,nb2 etnb3 en fonction de leurs valeurs initiales et complétez le tableau ci-dessous.

              Vérifiez vos prévisions en déboguant le programme.

              Dans les autres exercices, il y a un "résultat à obtenir" et pour celui-ci il n'y a pas de "correction" et il serait interressant de les connaitre

              Merci

              • Partager sur Facebook
              • Partager sur Twitter
                20 juin 2018 à 9:14:24

                Bonjour,

                Je bloque sur un point du deuxième exercice du cours "Créer des pages web interactives avec JavaScript".

                Voici un code équivalent pour ne pas spoiler l'exercice, mais quand même vous montrer où je bloque :

                Au niveau html, il y 3 champs Text avec les bons id, pas de problème de ce côté là.

                var voitures = [
                    {
                        Marque: "Peugeot",
                        Couleur: "Bleue",
                    },
                    {
                        Marque: "Renault",
                        Couleur: "Rouge",
                    }
                ];
                
                // Fonction liée au clic sur le bouton ajouter
                function ajouterVoiture() {
                
                var nouvelleMarque= document.getElementById('marque').value;
                var nouvelleCouleur= document.getElementById('couleur').value;
                
                    var nouvelleVoiture = {
                        marque: nouvelleMarque,
                        couleur: nouvelleCouleur, 
                    };
                    
                    voitures.push(nouvelleVoiture);
                    
                }
                
                // Tout le code pour tout afficher en HTML, mais pas important ici.


                Mon problème est que rien n'est Push dans le array.

                Rien de sauvegardé comme information. Avec console.log, ça me retourne soit : "", soit : ... is not defined.

                J'ai testé en Push un objet crée directement dans le code et tout fonctionne.

                D'où vient mon erreur ? La manière dont je récupère l'info des Input ? Le scope de la fonction ?

                Merci ;)

                -
                Edité par GrégoryHuyghe 20 juin 2018 à 9:18:18

                • Partager sur Facebook
                • Partager sur Twitter
                  20 juin 2018 à 19:08:49

                  Bonjour,

                  est-ce que tu as pensé à appeler ta fonction ajouterVoiture ? Créer une fonction ne l'exécute pas, pour ça, il faut ensuite l'appeler.

                  http://jsbin.com/bepayasiki/edit?js,console

                  -
                  Edité par me_moi 20 juin 2018 à 19:13:19

                  • Partager sur Facebook
                  • Partager sur Twitter
                    22 juin 2018 à 13:39:37

                    Oui elle est appelée par le clic sur le bouton.

                    Mon problème est dans la récupération des Input pour qu'ils soient Push dans le Array et affichés à l'écran. 

                    • Partager sur Facebook
                    • Partager sur Twitter
                      2 juillet 2018 à 15:34:58

                      Salut,

                      Dans le cours"Créer vos premiers objets" le dernier exercice est un Compte Bancaire @dont voici mon code : 

                      var crediter = Number(prompt("Entrez la valeur à créditer"));
                      var debiter = Number(prompt("Entrez la valeur à débiter"));
                      
                      var compte = {}
                      compte.titulaire = "Alex";
                      compte.solde = 0;
                          
                          function decrire () {
                          return this.crediter - this.debiter;
                          }
                      
                      console.log("Titulaire : " + compte.titulaire + " Solde : " + compte.solde + " Euros");
                      console.log("Titulaire : " + compte.titulaire + " Solde : " + decrire(compte) + " Euros");

                      Le code fonctionne très bien. Voici le corrigé :

                      var compte = {
                          titulaire: "Alex",
                          solde: 0,
                      
                          // Crédite le compte d'un certain montant
                          crediter: function (montant) {
                              this.solde = this.solde + montant;
                          },
                          // Débite le compte d'un certain montant
                          debiter: function (montant) {
                              this.solde = this.solde - montant;
                          },
                          // Renvoie la description du compte
                          decrire: function () {
                              var description = "Titulaire : " + this.titulaire +
                                  ", solde : " + this.solde + " euros";
                              return description;
                          }
                      };
                      
                      console.log(compte.decrire());
                      var credit = Number(prompt("Entrez le montant à créditer :"));
                      compte.crediter(credit);
                      var debit = Number(prompt("Entrez le montant à débiter :"));
                      compte.debiter(debit);
                      console.log(compte.decrire());

                      QUESTION :

                      Même si les 2 fonctionnent en apparence de la même manière, le code de la correction est il nécessairement le plus logique et le plus compréhensible des 2 ?

                      Merci pour vos réponses....

                      • Partager sur Facebook
                      • Partager sur Twitter
                        3 juillet 2018 à 9:14:40

                        var valeurs = [11, 3, 4, 2, 5, 76];
                        
                        var somme = 0;
                        
                        for (var i = 0; i < valeurs.lenght; i++) {
                            somme += valeurs[i];
                        }
                        console.log("la somme : " + somme);
                        


                        Bonjour,

                        J'ai l'impression que mes lignes de codes entre { ne sont plus prises en compte par Brackets. Lors d'un exercice si je copie/colle la correction elle fonctionne, mais si je la rentre manuellement ma ligne { n'est pas prise en compte. Je le vois en déboguant. Que puis-je faire ? J'ai déjà joué au jeu des 7 erreurs pour voir si il y avait des différences entre mon code et la correction, mais rien. j'ai essayé également de désinstaller/réinstaller Brackets, mais rien non plus :(

                        Avez-vous des idées ?

                        Merci de votre aide

                        -
                        Edité par Corinne Gonneau 3 juillet 2018 à 10:30:27

                        • Partager sur Facebook
                        • Partager sur Twitter
                          10 juillet 2018 à 19:38:11

                          Bonjour je viens de finir ce cours et ma progression est toujours à 75%. tous les modules sont normalement validés,

                          mais le dernier celui qui porte sur le gestionnaire de contact ne passe pas au vert, pourtant j'ai reçu mes 3 notes! Pouviez-vous m'aider SVP?

                          Cordialement.

                          • Partager sur Facebook
                          • Partager sur Twitter
                            10 juillet 2018 à 19:54:02

                            Il faut contacter directement OpenClassrooms pour ce genre de choses
                            • Partager sur Facebook
                            • Partager sur Twitter
                              11 juillet 2018 à 21:15:38

                              Bonjour, j 'ai une question concernant les exercices dans le chapitre 'variables'

                              Pour le bonjour amélioré, je n'obtiens pas le bon résultat dans mes navigateurs, pourtant j 'ai entré le même code que vous

                              la deuxième boite d'alerte n'affiche pas la phrase: 'entrez votre nom"

                              il n'y a pas d'espace entre le prénom et le nom malgrès le : alert('Bonjour', +prenom+""+nom);

                              var prenom=prompt('Entrez votre prénom:');

                              var nom=prompt('Entrez votre nom:');

                              alert('Bonjour, '+prenom+''+nom);

                              merci de votre réponse

                              • Partager sur Facebook
                              • Partager sur Twitter
                                11 juillet 2018 à 21:24:41

                                Oui, c'est tout à fait normal qu'il n y a pas d'espace puisque tu n'as pas mis d'espace, tu as mis une chaîne vide!!!

                                if faut mettre :

                                alert("Bonjour " + prenom + " " + nom);
                                • Partager sur Facebook
                                • Partager sur Twitter
                                  17 juillet 2018 à 19:12:19

                                  Bonjour,

                                  Je viens de finir le cours, ça a été assez rapide vu que j'avais déjà appris d'autre langage avant (PHP, Python merci à ce site). Mais en voulant me former à node.js, je vois qu'il y a le cours "Dynamisez vos sites web avec javascript" en prérequis, de plus, il y a le cours "Créez des pages web interatives avec Javascript" que j'avais aussi prévus de suivre.

                                  Donc ma question est, devrais-je survoler le premier cours "Dynamisez vos sites web avec javascript" jusqu'à aborder les chapitres qui n'ont pas été évoqué dans votre cours ou continuer avec le cours "Créez des pages web interatives avec Javascript" ?

                                  J'ai déjà quelques petits projets de prévu pour m'améliorer mais j'aurais aimé savoir quel cours je devrais suivre en premier bien qu'au final je vais finir par les lire tous.

                                  Désolé c'est un peu long mais j'espère que j'ai pu être le plus claire possible.

                                  Merci d'avance.

                                  -
                                  Edité par rr2ado 24 juillet 2018 à 17:18:06

                                  • Partager sur Facebook
                                  • Partager sur Twitter
                                    18 juillet 2018 à 11:20:10

                                    BiniAngui a écrit:

                                    Bonjour je viens de finir ce cours et ma progression est toujours à 75%. tous les modules sont normalement validés,

                                    mais le dernier celui qui porte sur le gestionnaire de contact ne passe pas au vert, pourtant j'ai reçu mes 3 notes! Pouviez-vous m'aider SVP?

                                    Cordialement.


                                    OpenClassrooms a pu résoudre ton problème (je suis dans le même cas) ?
                                    • Partager sur Facebook
                                    • Partager sur Twitter
                                      21 juillet 2018 à 16:14:03

                                      Bonjour à tous j'ai un souci
                                      • Partager sur Facebook
                                      • Partager sur Twitter
                                        23 juillet 2018 à 13:44:20

                                        willrezi a écrit:

                                        BiniAngui a écrit:

                                        Bonjour je viens de finir ce cours et ma progression est toujours à 75%. tous les modules sont normalement validés,

                                        mais le dernier celui qui porte sur le gestionnaire de contact ne passe pas au vert, pourtant j'ai reçu mes 3 notes! Pouviez-vous m'aider SVP?

                                        Cordialement.


                                        OpenClassrooms a pu résoudre ton problème (je suis dans le même cas) ?

                                        Tu peux leur envoyer un mail, ils résoudront ton soucis, j'ai eu le même bug et ils ont réagit en conséquences

                                        • Partager sur Facebook
                                        • Partager sur Twitter
                                          27 juillet 2018 à 20:22:44

                                          Bonjour a tous, je suis dans le cours apprendre a javascript et j'ai un souci dans l'exo baccalaureat.

                                          Alors dans cette exercice quand k

                                          je le code avec des if ça marche tres bien mais des que j'utilise le switch ça marche pas. Alors je n'est pas d'erreur de syntaxe mais dans tous les cas il va directement à default.

                                          j'ai relu mon code 150 000 000 de fois ....!!!!

                                          var moyenne = Number(prompt("Entrez la moyenne:"));
                                          
                                          switch (moyenne) {
                                              case (moyenne < 10):
                                                  console.log("Malheuresement vous ètes recalé....!!!");
                                                  break;
                                              case (moyenne < 12):
                                                  console.log("Bravo!!! vous ètes reçu");
                                                  break;
                                              case (moyenne >= 12):
                                                  console.log("Super!!! vous avez le bac avec mention");
                                                  break;
                                              default:
                                                  console.log(" vous n'avez pas entré une moyenne!!!!");
                                                  
                                          }



                                          • Partager sur Facebook
                                          • Partager sur Twitter
                                            28 juillet 2018 à 4:09:33

                                            Bonjour ydiydi seul le 'if' à mon avis est adapter pour ce travail.

                                            dans le cas du "switch",  c'est une valeur du même type que "moyenne" qu'il faut mettre au niveau des "case".

                                            Dans ton cas, moyenne est, je suis sûr, un nombre et tu mets dans le "case" : (moyenne >= 12),  par exemple qui est un booléen.

                                            C'est pas une bonne idée d’utiliser Switch

                                            -
                                            Edité par @ngro 28 juillet 2018 à 4:14:33

                                            • Partager sur Facebook
                                            • Partager sur Twitter
                                              28 juillet 2018 à 10:07:13

                                              Bonjour ydiydi,

                                              cette syntaxe fonctionne en PHP, malheureusement pas en JS. Pour que cela fonctionne il ne faut pas tester le switch sur la variable  moyenne mais rendre le switch toujours vrais (true).

                                              Voici le code fonctionnel  :

                                              var moyenne = Number(prompt("Entrez la moyenne:"));
                                              
                                              switch (true) {
                                                  case (moyenne < 10):
                                                      console.log("Malheuresement vous ètes recalé....!!!");
                                                      break;
                                                  case (moyenne < 12):
                                                      console.log("Bravo!!! vous ètes reçu");
                                                      break;
                                                  case (moyenne >= 12):
                                                      console.log("Super!!! vous avez le bac avec mention");
                                                      break;
                                                  default:
                                                      console.log(" vous n'avez pas entré une moyenne!!!!");
                                                       
                                              }



                                              • Partager sur Facebook
                                              • Partager sur Twitter
                                                28 juillet 2018 à 12:54:37

                                                Okkk j'ai bien compris. Mercii beaucoup pour vos reponse
                                                • Partager sur Facebook
                                                • Partager sur Twitter
                                                  29 juillet 2018 à 13:25:58

                                                  Bonjour à tous,

                                                  J'essaye de m'initier au Javascript, et je suis bloqué à la première activité (jeu de devinette)..

                                                  J'ai essayé de détailler dans ma tête les étapes du programme mais malheureusement ça ne fonctionne pas comme je l'espérais lol.

                                                  Lorsque j'essaye un nombre plus petit ou grand, il me le signale bien et me redemande un autre nombre.

                                                  Si j'entre le bon nombre, il me met bien la phrase demandé mais si par exemple j'entre le bon nombre au deuxième essai, il va me marqué bravo vous avez trouvé en 2, 3, 4, 5, 6 essais (sur plusieurs lignes).

                                                  Et si j'entre pas de bon nombre il ne me signalera pas que j'ai perdu comme demandé dans le else.

                                                  Voici mon programme :

                                                  var solution = Math.floor(Math.random() * 100) + 1;
                                                  
                                                  var nombre = Number(prompt("Choissisez un nombre entre 1 et 100 :"));
                                                  
                                                  console.log(solution); //Pour voir la solution et essayer les différentes solutions
                                                  
                                                  for (essai = 1; essai <= 6; essai++) {
                                                    if(nombre < solution){
                                                      console.log("Nombre est trop petit");
                                                      nombre = Number(prompt("Reessayez :"));
                                                    } else if(nombre > solution){
                                                      console.log("Nombre est trop grand");
                                                      nombre = Number(prompt("Reessayez :"));
                                                    } else if(nombre == solution) {
                                                      console.log("Bravo, vous avez trouvé la solution en " + essai + " coups");
                                                    } else {
                                                      console.log("Désolé, vous avez perdu");
                                                    }
                                                  } 

                                                  Pouvez-vous éclairer ma lanterne svp ?? ^^
                                                  Merci à vous pour votre aide :)

                                                  EDIT : Merci mais je viens de comprendre que je devais sortir les deux dernières conditions de la boucle for

                                                  if(nombre == solution) {
                                                    console.log("Bravo, vous avez trouvé la solution en " + essai + " coups");
                                                  } else {
                                                    console.log("Désolé, vous avez perdu");
                                                  }

                                                  Voilà au cas où d'autres personnes rencontrent ce problème :)

                                                  -
                                                  Edité par HeisenbergJr 29 juillet 2018 à 13:29:39

                                                  • Partager sur Facebook
                                                  • Partager sur Twitter
                                                    1 août 2018 à 16:27:53

                                                    Salut, alors pour pouvoir sortir de ta boucle FOR la condition c'est que essai <= 6 donc tant que tu n'arrive pas à 6 essais tu ne sors pas et comme nombre=solution tu vas toujour vers ton else if de la ligne 14 qui lui ne te demande pas d'entrer un nombre.
                                                    • Partager sur Facebook
                                                    • Partager sur Twitter
                                                      3 août 2018 à 13:33:04

                                                      Bonjour,
                                                      je suis arrivée à la fin de ce cours et j'ai rencontré pas mal de problèmes avec éditeur live en JS sur Chrome.

                                                      j'ai tjrs su me débrouiller malgré tout mais là, pour le dernier exercice (gestionnaire des contacts), pas moyen d'utiliser l'éditeur avec le fichier téléchargé de la correction de cet exercice.
                                                      La fenêtre Prompt s'affiche mais j'y entre une valeur et rien ne se passe, rien ne s'affiche ds la console et la même fenêtre réapparait tout le temps. j'imagine que ce n'est pas une erreur de code, vu que c'est la correction! 


                                                      Ce qui m'embête c'est que j'ai eu la même chose avec un travail d'élève et du coup j'ai cru qu'il n'avait pas réussi l'exercice...

                                                      mon chrome est à jour donc ce n'est pas une question de mise à jour...
                                                      merci de votre réponse !

                                                      Lily

                                                      -
                                                      Edité par LilyDanhaive 3 août 2018 à 13:34:48

                                                      • Partager sur Facebook
                                                      • Partager sur Twitter
                                                        4 août 2018 à 3:11:51

                                                        CocoBrune a écrit:

                                                        i < valeurs.lenght
                                                        C'est .length pas .lenght 


                                                        • Partager sur Facebook
                                                        • Partager sur Twitter
                                                          5 août 2018 à 14:31:23

                                                          CocoBrune a écrit:

                                                          var valeurs = [11, 3, 4, 2, 5, 76];
                                                          
                                                          var somme = 0;
                                                          
                                                          for (var i = 0; i < valeurs.lenght; i++) {
                                                              somme += valeurs[i];
                                                          }
                                                          console.log("la somme : " + somme);
                                                          


                                                          Bonjour,

                                                          J'ai l'impression que mes lignes de codes entre { ne sont plus prises en compte par Brackets. Lors d'un exercice si je copie/colle la 

                                                          "valeurs.lenght" Non ! C'est "length" ! GTH et non GHT ! Erreur classique.

                                                          • Partager sur Facebook
                                                          • Partager sur Twitter
                                                          Music only !
                                                            9 août 2018 à 11:06:10

                                                            Bonjour, je suis en train de travailler sur ce cours et je rencontre quelques problèmes.

                                                            Sur cette page nous apprenons à faire une fonction nommée ajaxGet : https://openclassrooms.com/fr/courses/3306901-creez-des-pages-web-interactives-avec-javascript/3626516-interrogez-un-serveur-web

                                                            Mon problème par rapport à cette fonction est que cela fonctionne très bien lorsque la fonction est dans le même fichier que cours.js, que ça soit au début ou à la fin du code du fichier. Cependant dès lors que le code est dans un fichier annexe, ici ajax.js, la fonction ajaxGet n'est pas reconnue, j'ai cherché pendant des heures, me disant que j'avais une erreur au niveau de Apache, ce n'est pas le cas, puis je me suis dit que c'était au niveau des liens, non plus, le seul moment où cela ne fonctionne pas c'est lorsque le bout de code à factoriser est dans un autre fichier.
                                                            De plus j'ai suivis à la lettre cette fameuse phrase "Le fichier ajax.js doit toujours être inclus dans la page web AVANT les autres fichiers JavaScript qui utilisent les fonctions qu'il contient."

                                                            Ce qui donnait :

                                                            <script src="../js/ajax.js"></script>
                                                            <script src="../js/cours.js"></script>

                                                            Puis j'ai fait un test, un peu de la dernière chance, j'ai inversé les scripts, j'ai mis cours.js en premier et ajax.js en second, et là... Tout fonctionne, aucune erreur, ma question est donc, pourquoi ? Je fais exactement ce qui est interdit et cela ne fonctionne que dans ce cas précis. Je vous remercie si vous avez la réponse...

                                                            • Partager sur Facebook
                                                            • Partager sur Twitter
                                                              9 août 2018 à 11:31:37

                                                              Bonjour,

                                                              Peux-tu nous montrer le contenu de ces 2 fichiers stp.

                                                              Sans voir ton code, cela va être compliqué de t'aider.

                                                              • Partager sur Facebook
                                                              • Partager sur Twitter
                                                              "Ils ne savaient pas que c'était impossible, alors ils l'ont fait" Mark Twain

                                                              Cours Apprenez à coder avec JavaScript

                                                              × Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
                                                              × Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
                                                              • Editeur
                                                              • Markdown