Javascript #3 : boucles & conditions

1. Javascript : Boucles & conditions

2. 1. structures conditionnelles

3. Test simple (1)
var sheldonQi = 187, leonardQi = 173;
!
if(sheldonQi > leonardQi){
console.log('Bazinga');
}

4. Test simple (2)
var sheldonQi = 187, leonardQi = 173;
!
if(sheldonQi > leonardQi){
console.log('Bazinga');
}else{
console.log('My mother had me tested');
}

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. 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. 2. Boucles

8. Boucle while (1)
var i = 0;
while(i < 5){
console.log(i);
i++;
}

9. Boucle while (2)
var i = 0;
while(i < 5){
console.log(i);
if(i == 3){
break;
}
i++;
}

10. Boucle do … while
var i = 0;
do{
console.log(i);
i++;
}while(i < 5);

11. Boucle for
for (var i = 0; i < 5; i++) {
console.log(i);
};

12. 3. Mise en pratique

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. 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. 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. 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. 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. Merci pour votre attention.

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