javascript #3 : boucles & conditions
DESCRIPTION
Javascript #3 : boucles & conditionsTRANSCRIPT
![Page 1: Javascript #3 : boucles & conditions](https://reader034.vdocument.in/reader034/viewer/2022052623/559840ae1a28ab04218b45a4/html5/thumbnails/1.jpg)
Javascript : Boucles & conditions
![Page 2: Javascript #3 : boucles & conditions](https://reader034.vdocument.in/reader034/viewer/2022052623/559840ae1a28ab04218b45a4/html5/thumbnails/2.jpg)
1. structures conditionnelles
![Page 3: Javascript #3 : boucles & conditions](https://reader034.vdocument.in/reader034/viewer/2022052623/559840ae1a28ab04218b45a4/html5/thumbnails/3.jpg)
Test simple (1)
var sheldonQi = 187, leonardQi = 173; !if(sheldonQi > leonardQi){ console.log('Bazinga'); }
![Page 4: Javascript #3 : boucles & conditions](https://reader034.vdocument.in/reader034/viewer/2022052623/559840ae1a28ab04218b45a4/html5/thumbnails/4.jpg)
Test simple (2)
var sheldonQi = 187, leonardQi = 173; !if(sheldonQi > leonardQi){ console.log('Bazinga'); }else{ console.log('My mother had me tested'); }
![Page 5: Javascript #3 : boucles & conditions](https://reader034.vdocument.in/reader034/viewer/2022052623/559840ae1a28ab04218b45a4/html5/thumbnails/5.jpg)
Test simple (3)
var sheldonQi = 187, leonardQi = 173; !if(sheldonQi > leonardQi){ console.log('Bazinga'); }else if(sheldonQi == leonardQi){ console.log('IMPOSSIBRU!!'); }else{ console.log('My mother had me tested'); }
![Page 6: Javascript #3 : boucles & conditions](https://reader034.vdocument.in/reader034/viewer/2022052623/559840ae1a28ab04218b45a4/html5/thumbnails/6.jpg)
Switchvar qi = prompt('Quel est votre Qi ?'); !switch(Number(qi)){ case 187: console.log('Sheldon'); break; case 173: console.log('Leonard'); break; case 164: console.log('Rajesh'); break; case 160: console.log('Howard'); break; default: console.log('Penny'); break; }
![Page 7: Javascript #3 : boucles & conditions](https://reader034.vdocument.in/reader034/viewer/2022052623/559840ae1a28ab04218b45a4/html5/thumbnails/7.jpg)
2. Boucles
![Page 8: Javascript #3 : boucles & conditions](https://reader034.vdocument.in/reader034/viewer/2022052623/559840ae1a28ab04218b45a4/html5/thumbnails/8.jpg)
Boucle while (1)
var i = 0; while(i < 5){ console.log(i); i++; }
![Page 9: Javascript #3 : boucles & conditions](https://reader034.vdocument.in/reader034/viewer/2022052623/559840ae1a28ab04218b45a4/html5/thumbnails/9.jpg)
Boucle while (2)
var i = 0; while(i < 5){ console.log(i); if(i == 3){ break; } i++; }
![Page 10: Javascript #3 : boucles & conditions](https://reader034.vdocument.in/reader034/viewer/2022052623/559840ae1a28ab04218b45a4/html5/thumbnails/10.jpg)
Boucle do … while
var i = 0; do{ console.log(i); i++; }while(i < 5);
![Page 11: Javascript #3 : boucles & conditions](https://reader034.vdocument.in/reader034/viewer/2022052623/559840ae1a28ab04218b45a4/html5/thumbnails/11.jpg)
Boucle for
for (var i = 0; i < 5; i++) { console.log(i); };
![Page 12: Javascript #3 : boucles & conditions](https://reader034.vdocument.in/reader034/viewer/2022052623/559840ae1a28ab04218b45a4/html5/thumbnails/12.jpg)
3. Mise en pratique
![Page 13: Javascript #3 : boucles & conditions](https://reader034.vdocument.in/reader034/viewer/2022052623/559840ae1a28ab04218b45a4/html5/thumbnails/13.jpg)
Quelques fonctions utiles
console.log('toto'); !var x = prompt('toto ?'); console.log(x); !console.log(x.length);
Number(4); String(4); x.indexOf('y'); !Math.random(); Math.floor();
![Page 14: Javascript #3 : boucles & conditions](https://reader034.vdocument.in/reader034/viewer/2022052623/559840ae1a28ab04218b45a4/html5/thumbnails/14.jpg)
Exercice 1 : Guess the Number
Créer une page web permettant de jouer à un jeu consistant à trouver un nombre compris entre 1 et 1000.
Tant que l’utilisateur n’a pas trouvé le bon nombre, le jeu affiche un indice sous forme de « plus » ou « moins ».
A la fin du jeux le programme affiche le nombre d’itérations nécessaires pour vaincre le jeux.
16 instructions maximum
![Page 15: Javascript #3 : boucles & conditions](https://reader034.vdocument.in/reader034/viewer/2022052623/559840ae1a28ab04218b45a4/html5/thumbnails/15.jpg)
Exercice 2 : Fizz Buzz Woof
Créer une page web permettant de jouer au Fizz Buzz Woof.
Le programme devra demander à l’utilisateur à chaque nombre de 1 à 1000 d’indiquer : - fizz si le nombre contient ou est divisible par 3 - buzz si le nombre contient ou est divisible par 5 - woof si le nombre contient ou est divisible par 7 Si un nombre respecte plusieurs conditions chaque mot doit être indiqué.
En cas de mauvaise réponse le jeux s’arrête et affiche le score du joueur dans une popup.
![Page 16: Javascript #3 : boucles & conditions](https://reader034.vdocument.in/reader034/viewer/2022052623/559840ae1a28ab04218b45a4/html5/thumbnails/16.jpg)
Exercice 2 : Fizz Buzz Woof
1, 2, FizzFizz (3), 4, BuzzBuzz (5), Fizz (6), WoofWoof (7), 8, Fizz (9), Buzz (10), 11, Fizz (12), Fizz (13), Woof (14), FizzBuzzBuzz (15), 16, Woof (17), Fizz (18), 19, Buzz (20), FizzWoof (21), 22, Fizz (23), Fizz (24), BuzzBuzz (25), 26, FizzWoof (27), Woof (28), 29, FizzFizzBuzz (30), Fizz (31), Fizz (32), FizzFizzFizz (33), ...
30 instructions maximum
![Page 17: Javascript #3 : boucles & conditions](https://reader034.vdocument.in/reader034/viewer/2022052623/559840ae1a28ab04218b45a4/html5/thumbnails/17.jpg)
Exercice 3 : La tour de Pise
Créer une page web permettant d’afficher une version simplifié de la tour de Pise dans la console.
Le programme devra demander à l’utilisateur au démarrage la hauteur et la largeur qu’il souhaite pour la construction.
## #### #### #### #### #### #### #### #### #### ------ 30 instructions maximum
![Page 18: Javascript #3 : boucles & conditions](https://reader034.vdocument.in/reader034/viewer/2022052623/559840ae1a28ab04218b45a4/html5/thumbnails/18.jpg)
Merci pour votre attention.
![Page 19: Javascript #3 : boucles & conditions](https://reader034.vdocument.in/reader034/viewer/2022052623/559840ae1a28ab04218b45a4/html5/thumbnails/19.jpg)
BibliographieEloquent JavaScript - Marijn Haverbeke http://eloquentjavascript.net
Dynamisez vos sites web avec Javascript ! - Johann Pardanaud & Sébastien de la Marck http://fr.openclassrooms.com/informatique/cours/dynamisez-vos-sites-web-avec-javascript JavaScript Fundamentals - Jeremy McPeak http://code.tutsplus.com/courses/javascript-fundamentals
Guide JavaScript - teoli, BenoitL, delislejm, Ame_Nomade, SphinxKnight https://developer.mozilla.org/fr/docs/Web/JavaScript/Guide