Problème sur une boucle

Messages postés
1131
Date d'inscription
mercredi 28 août 2002
Statut
Membre
Dernière intervention
23 avril 2019
-
Bonjour,

Il y a bien longtemps que je n'ai plus fait de javacript/jquery

J'essaie de fare une boucle qui affiche des lignes dans un tableau.

Résultat souhaité:
            <tr>
                <td>Name 1</td>
                <td>20€</td>
                <td><a href="#" id="status1"></a></td>
                <td><a href="#" id="status2"></a></td>
                <td><a href="#" id="status3"></a></td>
                <td><a href="#" id="status4"></a></td>
            </tr>
            <tr>
                <td>Name 2</td>
                <td>20€</td>
                <td><a href="#" id="status5"></a></td>
                <td><a href="#" id="status6"></a></td>
                <td><a href="#" id="status7"></a></td>
                <td><a href="#" id="status8"></a></td>
            </tr>


Code utilisé:
        <script type="text/javascript">
  var  j= 1;
  while (j < 5) {
   document.write('<tr><td>Name ' + j + '</td><td>20€</td>');
    var w;
    for (w = 1; w < 5; w++) {
     document.write('<td><a href="#" id="status' + w +'"></a></td>');
    }
   document.write('</tr>');
   j++;    
  }
  </script>


J'arrive bien à affiche le nombre de ligne que je souhaite dans mon tableau, sauf que je n'arrive pas a incrementer la boucle qui ecrit 'status+w', afin que celle là s'incrémente toujours de plus 1.

Example avec 3 personnes:
            <tr>
                <td>Name 1</td>
                <td>20€</td>
                <td><a href="#" id="status1"></a></td>
                <td><a href="#" id="status2"></a></td>
                <td><a href="#" id="status3"></a></td>
                <td><a href="#" id="status4"></a></td>
            </tr>
            <tr>
                <td>Name 2</td>
                <td>20€</td>
                <td><a href="#" id="status5"></a></td>
                <td><a href="#" id="status6"></a></td>
                <td><a href="#" id="status7"></a></td>
                <td><a href="#" id="status8"></a></td>
            </tr>

            <td>Name 3</td>
                <td>20€</td>
                <td><a href="#" id="status9"></a></td>
                <td><a href="#" id="status10"></a></td>
                <td><a href="#" id="status11"></a></td>
                <td><a href="#" id="status12"></a></td>
            </tr>


Si quelqu'un peut m'éclairer...
Merci.
Burnside.

Afficher la suite 

Votre réponse

1 réponse

Messages postés
1694
Date d'inscription
vendredi 9 mai 2008
Statut
Modérateur
Dernière intervention
17 mai 2019
39
0
Merci
bonjour

essai en declarant la variable avec let

let w;

Commenter la réponse de @karamel

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.