Javascript : Boucles & conditions
1. structures conditionnelles
Test simple (1) 
var sheldonQi = 187, leonardQi = 173; 
! 
if(sheldonQi > leonardQi){ 
console.log('Bazinga'); 
}
Test simple (2) 
var sheldonQi = 187, leonardQi = 173; 
! 
if(sheldonQi > leonardQi){ 
console.log('Bazinga'); 
}else{ 
co...
Test simple (3) 
var sheldonQi = 187, leonardQi = 173; 
! 
if(sheldonQi > leonardQi){ 
console.log('Bazinga'); 
}else if(s...
Switch 
var qi = prompt('Quel est votre Qi ?'); 
! 
switch(Number(qi)){ 
case 187: 
console.log('Sheldon'); 
break; 
case ...
2. Boucles
Boucle while (1) 
var i = 0; 
while(i < 5){ 
console.log(i); 
i++; 
}
Boucle while (2) 
var i = 0; 
while(i < 5){ 
console.log(i); 
if(i == 3){ 
break; 
} 
i++; 
}
Boucle do … while 
var i = 0; 
do{ 
console.log(i); 
i++; 
}while(i < 5);
Boucle for 
for (var i = 0; i < 5; i++) { 
console.log(i); 
};
3. Mise en pratique
Quelques fonctions utiles 
console.log('toto'); 
! 
var x = prompt('toto ?'); 
console.log(x); 
! 
console.log(x.length); ...
Exercice 1 : Guess the Number 
Créer une page web permettant de jouer à un jeu consistant 
à trouver un nombre compris ent...
Exercice 2 : Fizz Buzz Woof 
Créer une page web permettant de jouer au Fizz Buzz Woof. 
Le programme devra demander à l’ut...
Exercice 2 : Fizz Buzz Woof 
1, 2, FizzFizz (3), 4, BuzzBuzz (5), Fizz (6), WoofWoof (7), 8, 
Fizz (9), Buzz (10), 11, Fiz...
Exercice 3 : La tour de Pise 
Créer une page web permettant d’afficher une version 
simplifié de la tour de Pise dans la c...
Merci pour votre attention.
Bibliographie 
Eloquent JavaScript - Marijn Haverbeke 
http://eloquentjavascript.net 
Dynamisez vos sites web avec Javascr...
Prochain SlideShare
Chargement dans…5
×

Javascript #3 : boucles & conditions

651 vues

Publié le

Javascript #3 : boucles & conditions

Publié dans : Logiciels
0 commentaire
0 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

  • Soyez le premier à aimer ceci

Aucun téléchargement
Vues
Nombre de vues
651
Sur SlideShare
0
Issues des intégrations
0
Intégrations
193
Actions
Partages
0
Téléchargements
22
Commentaires
0
J’aime
0
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

Javascript #3 : boucles & conditions

  1. 1. Javascript : Boucles & conditions
  2. 2. 1. structures conditionnelles
  3. 3. Test simple (1) var sheldonQi = 187, leonardQi = 173; ! if(sheldonQi > leonardQi){ console.log('Bazinga'); }
  4. 4. Test simple (2) var sheldonQi = 187, leonardQi = 173; ! if(sheldonQi > leonardQi){ console.log('Bazinga'); }else{ console.log('My mother had me tested'); }
  5. 5. 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'); }
  6. 6. Switch var 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; }
  7. 7. 2. Boucles
  8. 8. Boucle while (1) var i = 0; while(i < 5){ console.log(i); i++; }
  9. 9. Boucle while (2) var i = 0; while(i < 5){ console.log(i); if(i == 3){ break; } i++; }
  10. 10. Boucle do … while var i = 0; do{ console.log(i); i++; }while(i < 5);
  11. 11. Boucle for for (var i = 0; i < 5; i++) { console.log(i); };
  12. 12. 3. Mise en pratique
  13. 13. 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();
  14. 14. 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
  15. 15. 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.
  16. 16. 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
  17. 17. 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
  18. 18. Merci pour votre attention.
  19. 19. Bibliographie Eloquent 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

×