entrainement JavaScript (partie 1) entrainement JavaScript (partie 1)

À la demande, voici quelques exercices de JavaScript.

Boucle

Voici une boucle qui va de 0 à 9 (soit dix boucles).
exercice 1 : faire une boucle pour 7 à 77.
exercice 2 : faire une boucle qui affiche 0, 10, 20 … 90.

for(var i = 0; i10 ; i++){
  console.log(i);
} 

Démo

Éléments du document

En stockant un élément dans une variable, on peut manipuler celui-ci.

démo
exercice 3 : mettre le texte en gras (il y a un piège).

suite

Voici une requête qui stocke tous les éléments du sélecteur.

var elements = document.querySelectorAll('p');

Hélas, JavaScript ne sait pas faire elements.style.color = "#f60"; pour manipuler plusieurs éléments, il faudra les appeler via des crochets p[0] pour le premier, p[1] pour le deux!ème… et si vous avez une variable avec un chiffre ‘a = 1’ vous pouvez écrire p[a].

  
  
  


  
helvetica
  
arial
  
lucida

Boucle + sélecteur

On combine les deux !

  
  
  


  
helvetica
  
arial
  
lucida