Upload
jean-michel
View
375
Download
1
Embed Size (px)
DESCRIPTION
Javascript #3 : boucles & conditions
Citation preview
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{ console.log('My mother had me tested'); }
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'); }
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; }
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);
Number(4); String(4); x.indexOf('y'); !Math.random(); Math.floor();
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
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.
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
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
Merci pour votre attention.
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