38 - Boucles for imbriquées, Price Matrix (Leçons JS)
📘 Tâche : Price Matrix
L'utilisateur saisit un nombre de 1 à 10.
Après avoir cliqué sur le bouton, le résultat suivant doit s'afficher :
$1
( $11 $21 $31 $41 $51 )
$2
( $12 $22 $32 $42 $52 )
$3
( $13 $23 $33 $43 $53 )
- Utiliser des boucles
for imbriquées
- Utiliser
if pour vérifier l'intervalle
- Si le nombre est inférieur à 1 ou supérieur à 10 — afficher un message d'erreur
📐 Logique de fonctionnement :
- Récupérer le nombre depuis l'input
- Vérifier qu'il est dans l'intervalle de 1 à 10
- La boucle externe crée les lignes (
$1, $2, $3...)
- La boucle interne crée les valeurs entre parenthèses
- Ajouter chaque nouvelle valeur avec
+=
🧪 Exemple :
Input : 3
$1
( $11 $21 $31 $41 $51 )
$2
( $12 $22 $32 $42 $52 )
$3
( $13 $23 $33 $43 $53 )
📐 Structure HTML du résultat :
- Chaque ligne doit se trouver dans un
div class="price-row"
<div>
$2
( $12 $22 $32 $42 $52 )
</div>
📌 Important :
- La boucle externe est responsable des lignes
- La boucle interne est responsable des valeurs dans la ligne
- La vérification de l'intervalle doit se faire via
if