Javascript #3 : boucles & conditions

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