Les boucles imbriquées

Imaginons que nous voulions dessiner un échéquier. C'est un damier de 64 cases réparties en 8 lignes et 8 colonnes. Il est évident que nous allons utiliser une boucle pour dessiner ce damier. Mieux même. Nous allons utiliser deux boucles. Une boucle pour parcourir les lignes et une boucle pour parcourir les colonnes.

Imaginons que nous procédions ligne par ligne. Nous allons donc avoir une première boucle pour parcourir les 8 lignes

for (var ligne=0;ligne<8;ligne++) {
  instructions....;
}

AU sein de cette boucle, nous allons faire un seconde boucle pour parcourir les 8 colonnes dans chaque ligne.

for (var ligne=0;ligne<8;ligne++) {
  for (var colonne=0;colonne<8;colonne++) {
    instructions ...;
  }
}

Il ne nous reste plus qu'à dessiner les carrées alternativement blanc et noir. Pour cela nous effectuerons un test. Si le numéro de la ligne ajouté au numéro de la colonne est pair, la case sera blanche. Sinon, elle sera noire.

Exemple

Le script suivant dessine 10 cercles alignés horizontalement.

À faire vous même

La diagonale

Modifiez le script pour avoir les cercles qui sont alignés le long de la diagonale. Il faudra sans doute introduire une seconde variable.