Partage
  • Partager sur Facebook
  • Partager sur Twitter

Cours Apprenez à coder avec JavaScript

    4 décembre 2018 à 21:57:20

    Bonjour et merci je vais pouvoir me pencher dessus, je le voyais comme ca mais je n'arrivais pas à l'écrire correctement !!! oui je veut bien l'autres méthode :-)merciiiiii
    • Partager sur Facebook
    • Partager sur Twitter
      5 décembre 2018 à 11:19:15

      bonjour, puis je avoir la correction de l'exercice du FRizzbuzz et celui du TP aussi merci
      • Partager sur Facebook
      • Partager sur Twitter
        7 décembre 2018 à 15:18:59

        Bonjour, malgré mes recherche je n'arrive pas à comprendre le principe "!" (not logique) inclus dans le code suivant:

        var bouton = document.getElementById("bouton");
        var compteurElt = document.getElementById("compteur");
        var intervalId = null;
        var demarre = true; // Etat du chrono: démarré (true) ou arrêté (false)
        
        // Augmente le compteur de 1
        function augmenterCompteur(){
            compteurElt.textContent = Number(compteurElt.textContent) + 1;
        }
        
        bouton.addEventListener("click", function(){
            if (!demarre) { // ICI JE NE COMPRENDS PAS CE QUE VAUT (!demarre)
                intervalId = setInterval(augmenterCompteur, 1000);
                bouton.textContent = "Arrêter"; // Modifie le text du bouton
            } else {
                clearInterval(intervalId); // Arrête le chrono
                bouton.textContent = "Démarrer"; 
            }
        
            // Inverse la valeur de l'état du chrnomètre
            demarre = !demarre;
        })



        Si quelqu'un peu m'expliquer ca serait top!! Merci

        -
        Edité par MokBelok 7 décembre 2018 à 15:21:50

        • Partager sur Facebook
        • Partager sur Twitter
          7 décembre 2018 à 18:13:27

          Lors de la déclaration de la variable demarre=true

          Donc !demarre=false

          NOT transforme true en false et invesement

          -
          Edité par Camile.G 7 décembre 2018 à 18:14:49

          • Partager sur Facebook
          • Partager sur Twitter
            7 décembre 2018 à 18:18:17

            if(!demarre) peut être traduit par : si le compteur n'a pas démarré.
            • Partager sur Facebook
            • Partager sur Twitter
            Passer pour un idiot aux yeux d'un imbécile est une volupté de fin gourmet.
              8 décembre 2018 à 9:56:09

              ok merci à vous deux pour vos réponses, je comprends que le ! not logique inverse la valeur true / false. Cependant je ne comprend pas comment cela fonctionne dans le code. En effet le if (!demarre) n'a aucune condition. Pour moi cela revient à if(false) mais sans condition derrière, comme si il manquait une partie du code dans le if.. Par exemple je comprendrai mieux ce code (qui fonctionne tout aussi bien d'ailleurs): if(!demarre === false) .. else ...

              Merci de m'éclairer sur ce point

              • Partager sur Facebook
              • Partager sur Twitter
                8 décembre 2018 à 10:37:45

                if(!demarre === false) est équivalent à true.
                • Partager sur Facebook
                • Partager sur Twitter
                Passer pour un idiot aux yeux d'un imbécile est une volupté de fin gourmet.
                  8 décembre 2018 à 11:11:40

                  J'ai un problème : à partir du chapitre "Stockez vos données dans des tableaux", les codes sources ne contiennent plus de retours chariot et deviennent donc plutôt illisibles et inutilisables. Par exemple :

                  var films = ["Le loup de Wall Street", "Vice-Versa", "Babysitting"];console.log(films[0]); // Affiche "Le loup de Wall Street"console.log(films[1]); // Affiche "Vice-Versa"console.log(films[2]); // Affiche "Babysitting"

                  • Partager sur Facebook
                  • Partager sur Twitter
                    8 décembre 2018 à 17:09:11

                    Et donc?
                    • Partager sur Facebook
                    • Partager sur Twitter
                    Passer pour un idiot aux yeux d'un imbécile est une volupté de fin gourmet.
                      8 décembre 2018 à 17:28:00

                      bpesquet a écrit:

                      Bonjour à tous,

                      Je suis en train de faire une mise à jour importante de ce cours, et mes modifications se sont retrouvées sur le site un peu prématurément :o

                      La dernière publication a dû corriger les problèmes d'affichage des premiers chapitres. J'aurai terminé la mise à jour dans quelques jours. Vous pouvez me signaler d'éventuels problèmes sur ce topic ou par MP.

                      Désolé pour ce petit souci et bon apprentissage !

                      Super nouvelle !

                      Quand pensez-vous qu'elle sera disponible en ligne ? merci

                      • Partager sur Facebook
                      • Partager sur Twitter
                        9 décembre 2018 à 14:33:17

                        Bonjour,

                        Je suis le tutoriel “Apprenez à coder avec JavaScript” de Baptiste Pesquet, Version 22/11/2018 que je trouve intéressant comme le montre le nombre important des participants au Forum.

                        Néanmoins, au chapitre “Manipulez les chaînes de caractères”, j’ai remarqué des dysfonctionnements du cours qui empêchent les débutants de continuer; en effet, il semble qu’il y a des définitions qui manquent, entre autres:

                        • 1.Quelle est la structure du fichier HTML, ex: cours.html qui n’a pas été définie nulle part auparavant?
                        • 2.Quelle est la relation entre les 2 fichiers HTML et JS : cours.html et cours.js?
                        • 3.Après exécution du programme, où regarder le résultat? Commnet y accéder?

                        Ces questions sont adressées à l’auteur du cours qui clarifiera ces oublis certainement lors de la prochaine mise à jour du tutoriel et pourquoi pas, ici même dans ce Forum pour le bénéfice des nombreux débutants.

                        Merci


                        • Partager sur Facebook
                        • Partager sur Twitter
                          10 décembre 2018 à 14:04:05

                          Salut les zéros,

                          Je suis le cours "Apprendre à coder avec Javascript"

                          Mais j'ai un problème avec l'affichage de mon code au niveau du navigateur(plus précisément la fonction console.log et les conditions et boucles qui semblent ne pas être pris en compte par mon navigateur Chrome).

                          Quand je mets ce code:

                          <!DOCTYPE html>
                          <html lang="en">
                          <head>
                          	<meta charset="UTF-8">
                          	<title>Document</title>
                          </head>
                          <body>
                          <script> console.log("Hello");</script>	
                          </body>
                          </html>

                          Je ne vois rien au niveau du navigateur

                          Mais celui-ci affiche bien:

                          <!DOCTYPE html>
                          <html lang="en">
                          <head>
                          	<meta charset="UTF-8">
                          	<title>Document</title>
                          </head>
                          <body>
                          <script> alert('Hello');</script>	
                          </body>
                          </html>

                          Merci



                          • Partager sur Facebook
                          • Partager sur Twitter

                          @ArthurZ

                            10 décembre 2018 à 14:45:59

                            Le mieux c'est d'utiliser un fichier de script externe comme mentionné dans le cours.
                            • Partager sur Facebook
                            • Partager sur Twitter
                            Passer pour un idiot aux yeux d'un imbécile est une volupté de fin gourmet.
                              10 décembre 2018 à 23:58:48

                              Bonjour

                              je suis novice total en programmation et j'ai créé un fichier js comme indiqué dans chapite 6 et l'ai associé avec le fichier html (j'ai pour cela recopié le procédé efféctué dans l'activité devinette)

                              pourtant je n'arrive a ex"cuter le html seulement dans la console developpeur de chrome mais pas dans celle de firefox

                              Est ce normal?? Et si non comment resoudre le pb????

                              Merci de vote aide!!!

                              • Partager sur Facebook
                              • Partager sur Twitter
                                12 décembre 2018 à 12:11:35

                                Bonjour,

                                Est-ce que quelqu'un peut m'indiquer où trouver les fichiers sources des exercices dont le cours parle à partir du chapitre "Manipuler les chaînes de caractères". Le cours parle d'un répertoire chapitre 6. Mais je n'ai trouvé aucun lien de téléchargement, seulement un lien vers les solutions.

                                Merci

                                Yohann

                                • Partager sur Facebook
                                • Partager sur Twitter
                                  13 décembre 2018 à 23:06:20

                                  Zoki_Marciano a écrit:

                                  Le mieux c'est d'utiliser un fichier de script externe comme mentionné dans le cours.


                                  Le probleme est que meme quand je met le fichier externe quand je lance le fichier HTML rien ne se passe ca me ralenti
                                  • Partager sur Facebook
                                  • Partager sur Twitter

                                  @ArthurZ

                                    14 décembre 2018 à 15:09:37

                                    Salut, il faut créer le répertoire sur son ordinateur, le sien existe mais comporte les réponses


                                    YohannJacob a écrit:

                                    Bonjour,

                                    Est-ce que quelqu'un peut m'indiquer où trouver les fichiers sources des exercices dont le cours parle à partir du chapitre "Manipuler les chaînes de caractères". Le cours parle d'un répertoire chapitre 6. Mais je n'ai trouvé aucun lien de téléchargement, seulement un lien vers les solutions.

                                    Merci

                                    Yohann



                                    -
                                    Edité par MatthieuViglietti 14 décembre 2018 à 15:09:55

                                    • Partager sur Facebook
                                    • Partager sur Twitter
                                      14 décembre 2018 à 17:32:41

                                      ArthurZo'o a écrit:

                                      Zoki_Marciano a écrit:

                                      Le mieux c'est d'utiliser un fichier de script externe comme mentionné dans le cours.


                                      Le probleme est que meme quand je met le fichier externe quand je lance le fichier HTML rien ne se passe ca me ralenti


                                      Poste le code html ici pour que l'on voit comment tu intègres le document javascript dans ta page.
                                      • Partager sur Facebook
                                      • Partager sur Twitter
                                      Passer pour un idiot aux yeux d'un imbécile est une volupté de fin gourmet.
                                        15 décembre 2018 à 22:55:56

                                        Bonjour, j'ai réalisé un petit jeu Memory en Web HTML, CSS et Javascript. Le problème est qu'il faut que cela soit uniquement en Javascript, est-ce qu'il est possible de convertir du web et le css vers le js et pouvoir ouvrir ce fichier ? Si oui, de quelle façon est-ce que je peux le faire ?
                                        • Partager sur Facebook
                                        • Partager sur Twitter
                                          16 décembre 2018 à 10:39:15

                                          C'est possible mais tu vas te retrouver avec un code qui fait énormément de lignes pour rien. Pourquoi vouloir tout faire en js?
                                          • Partager sur Facebook
                                          • Partager sur Twitter
                                          Passer pour un idiot aux yeux d'un imbécile est une volupté de fin gourmet.
                                            16 décembre 2018 à 11:27:29

                                            Salut,

                                            tu as des outils qui peuvent le faire, comme webpack, mais c'est essentiellement utilisé lors du développement, pour optimiser le temps de build.

                                            Pourquoi tu veux faire ça ?

                                            -
                                            Edité par lk77 16 décembre 2018 à 11:37:03

                                            • Partager sur Facebook
                                            • Partager sur Twitter
                                              17 décembre 2018 à 10:57:56

                                              Voila bonjour les zéros,

                                              j'ai un soucis je veux créer une compétition sportive mais seulement j'ai quatre poules j'ai pu créer une fonction "qualif" pour les qualifications de la Poule A mais j'aimerais l'appliquer à toutes les autres(3) poules mais quand je l'exécute avec les paramètres (equipes,matchs) il éxécute toujours les instructions de la poule A pourtant ayant défini equipes1 et matchs1 pour la poule B.Je ne sais quoi faire,quoi mettre en paramètre,oû déclarer pour que cette fonction marche.

                                              Merci

                                              Cordialement,

                                              let i,j=0;
                                              let scores=[0,0];
                                              let diffScores=[0,0,0,0,0,0];
                                              let matchs=['Cameroun-Côte dIvoire','Cameroun-Gabon','Cameroun-Guinnée','Gabon-Guinnée','Gabon-Côte dIvoire','Côte dIvoire-Guinnée'];
                                              let cmrPoints=0;
                                              let civPoints=0;
                                              let gabPoints=0;
                                              let guiPoints=0;
                                              let nbrePoints=[cmrPoints,civPoints,gabPoints,guiPoints];
                                              let nbrePoints1=[cmrPoints,civPoints,gabPoints,guiPoints];
                                              equipes=['Cameroun','Cote_Ivoire','Gabon','Guinnée'];
                                              function qualif()
                                              {
                                                for(j=0;j<6;j++)
                                                {
                                                  for(i=0;i<2;i++)
                                                    {
                                                    scores[i]=Number(prompt(`Entrer les scores du match numéro:${j+1}: ${matchs[j]}`));
                                                     diffScores[j]=scores[i]-scores[i-1];
                                                       
                                                    }
                                              
                                                  if(diffScores[0]<0&&j==0)
                                                    cmrPoints+=3;
                                                  else if(diffScores[0]>0&&j==0)
                                                    civPoints+=3;
                                                  else if(diffScores[0]===0&&j==0)
                                                    cmrPoints=civPoints=1;
                                                  if(j==0)
                                                  alert(equipes[0]+" :"+scores[0]+" "+equipes[1]+": "+scores[1]);
                                              
                                                  //2e Match
                                                  if(diffScores[1]<0&&j==1)
                                                    cmrPoints+=3;
                                                  else if(diffScores[1]>0&&j==1)
                                                    gabPoints+=3;
                                                  else if(diffScores[1]===0&&j==1)
                                                  {
                                                    cmrPoints+=1;
                                                    gabPoints+=1; 
                                                  }
                                                    
                                                  if(j==1)
                                                   alert(equipes[0]+" :"+scores[0]+" "+equipes[2]+": "+scores[1]);
                                              
                                                  //3e Match*****************************
                                                  if(diffScores[2]<0&&j==2)
                                                    cmrPoints+=3;
                                                  else if(diffScores[2]>0&&j==2)
                                                    guiPoints+=3;
                                                  else if(diffScores[2]===0&&j==2)
                                                    {
                                                    cmrPoints+=1;
                                                    guiPoints+=1; 
                                                    }
                                                  if(j==2)
                                                   alert(equipes[0]+" :"+scores[0]+" "+equipes[3]+": "+scores[1]);
                                                 //***************************************
                                              
                                                  //4e Match******************************
                                                  if(diffScores[3]<0&&j==3)
                                                    gabPoints+=3;
                                                  else if(diffScores[3]>0&&j==3)
                                                    guiPoints+=3;
                                                  else if(diffScores[3]===0&&j==3)
                                                    {
                                                    guiPoints+=1;
                                                    gabPoints+=1; 
                                                  }
                                                  if(j==3)
                                                   alert(equipes[2]+" :"+scores[0]+" "+equipes[3]+": "+scores[1]);
                                                 //*****************************************
                                              
                                                  //5e Match
                                                  if(diffScores[4]<0&&j==4)
                                                    gabPoints+=3;
                                                  else if(diffScores[4]>0&&j==4)
                                                    civPoints+=3;
                                                  else if(diffScores[4]===0&&j==4)
                                                    {
                                                    civPoints+=1;
                                                    gabPoints+=1; 
                                                  }
                                                  if(j==4)
                                                   alert(equipes[1]+" :"+scores[0]+" "+equipes[3]+": "+scores[1]);
                                                 //****************************************
                                              
                                                  //6e Match******************************
                                                  if(diffScores[5]<0&&j==5)
                                                    civPoints+=3;
                                                  else if(diffScores[5]>0&&j==5)
                                                    guiPoints+=3;
                                                  else if(diffScores[5]===0&&j==5)
                                                    {
                                                    civPoints+=1;
                                                    guiPoints+=1; 
                                                  }
                                                  if(j==5)
                                                   alert(equipes[2]+" :"+scores[0]+" "+equipes[1]+": "+scores[3]);
                                                 //******************************************
                                              
                                                  nbrePoints=[cmrPoints,civPoints,gabPoints,guiPoints];//Tableau regroupant le nombre de points de chaque équipe de Poule
                                                  
                                                  alert(`Les points pour la poule A après le match ${j+1} sont: Cameroun:${cmrPoints} 
                                              point(s),Cote_Ivoire:${civPoints} point(s),Gabon:${gabPoints} 
                                              point(s),Guinnée:${guiPoints}point(s)`);//Affichage du recapitulatif du nombre de points par Poule après chaque mattch
                                                 
                                                  equipes=['Cameroun','Cote_Ivoire','Gabon','Guinnée'];//Tableau contenant les noms de équipes
                                               
                                                  nbrePoints.sort();//Classement des nombre de points en ordre croissant
                                                  nbrePoints.shift();//Retrait du premier élément apres le classement
                                                  nbrePoints.shift();//Retrait du deuxieme élément apres le classement
                                              
                                                  nbrePoints1=[cmrPoints,civPoints,gabPoints,guiPoints];//Tableau de point initial pour faire correspondre avec les noms des équipes
                                                
                                              }
                                              let classement=[];//Tableau contenant les noms des équipes qqualifiées apres le classement
                                              console.log(nbrePoints);
                                              for(let k=0;k<2;k++)
                                              {
                                              
                                                for(let l=0;l<6;l++)
                                                {
                                                  if(nbrePoints[k]==nbrePoints1[l])
                                                    classement[k]=equipes[l];
                                              
                                                }
                                                console.log(`Les équipes qualifiées dela Poule A sont: 1er:${classement[1]} avec ${nbrePoints[1]} points,2ème:${classement[0]} avec ${nbrePoints[0]} points`);
                                              }
                                              }
                                              
                                              let matchs1=['Algerie-Ghana','Algerie-Togo','Algerie-Maroc','Ghana-Togo','Ghana-Maroc','Togo-Maroc'];
                                              let equipes1=['Algerie','Ghana','Togo','Maroc'];
                                              qualif(matchs1,equipes1,scores,diffScores);
                                              
                                                  
                                              
                                                
                                                  
                                                
                                              



                                              • Partager sur Facebook
                                              • Partager sur Twitter

                                              @ArthurZ

                                                17 décembre 2018 à 12:11:59

                                                Bonjour,

                                                je n'arrive pas à faire executer le fichier .js de l'exercice devinette à partir du fichier devinette.html...mon navigateur est correctement configuré mais peut-être qu'il y a une manip que je ne fais pas ou mal ?

                                                Merci pour votre aide.

                                                • Partager sur Facebook
                                                • Partager sur Twitter
                                                  17 décembre 2018 à 12:23:50

                                                  Même soucis chez moi !

                                                  Je ne peux pas faire l'exercice car à l'ouverture du fichier html j'ai une page blanche au lieu qu'elle m'affiche "Bienvenue dans ce jeu de devinette !"

                                                  C'est comme si le code console.log() ne marchait pas... HELP !!!

                                                  • Partager sur Facebook
                                                  • Partager sur Twitter
                                                    17 décembre 2018 à 15:11:49

                                                    console.log affiche un...log. Donc un message dans la console. Vous ne verrez rien apparaître dans la page, c'est normal.
                                                    • 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. /!\
                                                      17 décembre 2018 à 15:43:52

                                                      Merci pour votre réponse ! ça marche maintenant ! Il fallait que je fasse dans Firefox CTRL+MAJ+K après avoir lancé devinette.html...et on voit bien dans la console le résultat.
                                                      • Partager sur Facebook
                                                      • Partager sur Twitter
                                                        17 décembre 2018 à 17:26:25

                                                        Merci pour l'info, ça marche effectivement !

                                                        Mais pourquoi ne pas avoir fait tout ça normalement dans le navigateur avec la fonction alert() ?

                                                        • Partager sur Facebook
                                                        • Partager sur Twitter
                                                          17 décembre 2018 à 17:49:15

                                                          Salut les gens !!


                                                          Je reprends les cours aujourd'hui après un petit mois d'absence... La reprise est un peu tendu mais je m'en sors pas trop mal...

                                                          J'en suis au cours sur les API !! J'ai réouvert mes pages HTML etc etc... Et j'ai l'impression d'avoir modifier d'une certaine manière ce lien : https://oc-jswebsrv.herokuapp.com/api/articles  car il m'affiche des choses un peu bizarre sur mon navigateur ou même sur Postman...


                                                          [
                                                              {
                                                                  "id": "82571",
                                                                  "titre": "rgeg",
                                                                  "contenu": "ergreg"
                                                              },
                                                              {
                                                                  "id": "82561",
                                                                  "titre": "bonjour",
                                                                  "contenu": "commentaire"
                                                              },
                                                              {
                                                                  "id": "82551",
                                                                  "titre": "Titre",
                                                                  "contenu": "Contenu"
                                                              },
                                                              {
                                                                  "id": "82541",
                                                                  "titre": "ee",
                                                                  "contenu": "ee"
                                                              },
                                                              {
                                                                  "id": "82531",
                                                                  "titre": "frefr",
                                                                  "contenu": "fer"
                                                              }
                                                          ]




                                                          Voulant me rafraîchir la mémoire, je ne retrouve plus comment j'ai pu faire cette modification... Moi je n'ai pas du tout les textes en latin etc etc



                                                          • Partager sur Facebook
                                                          • Partager sur Twitter
                                                            17 décembre 2018 à 18:39:38

                                                            Salut,

                                                            c'est l'api demo d'openclassrooms, tu n'a rien modifié du tout, ce sont des données de test.

                                                            • Partager sur Facebook
                                                            • Partager sur Twitter
                                                              18 décembre 2018 à 11:00:29

                                                              Salut,

                                                              Je suis au Chapitre des listes (array), je suis a la fin du chapitre et je n"arrive pas certains exercises mais le corrige n'est pas dispo depuis plusieurs jours( erreur 404).

                                                              Cdlt
                                                              • Partager sur Facebook
                                                              • Partager sur Twitter

                                                              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