Ajoutez une page à votre portfolio en affichant l'assistant HTML ainsi que la directive 3648
Inscrivez le titre : Javascript : Boucle de répétition
Sélectionnez la matière : informatique
Inscrivez dans le champ No de la directive : 3648
Inscrivez dans votre page le titre de niveau 1 : Javascript : Boucle de répétition
Au besoin, consultez ce site afin de bien comprendre les boucles de répétitions du langage javascript
Inscrivez ensuite le code identifiant le langage javascript (Bouton Javascript)
Dans ce code, écrivez (en suivant la procédure décrite ci-dessous : points a à g) le code javascript qui permettra la production d'un tableau ayant une bordure de 1 de 7 rangées et de 7 colonnes.
Dans chacune des cases produites, le No de la rangée et le No de la colonne devra être inscrits de la façon suivante : Rangée 1 Colonne 1 (pour la rangée 1 colonne 1)
NOTE IMPORTANTE :
Vous devrez utiliser deux boucles de répétition :
- une qui produira la rangée TR et /TR
- à l'intérieur de cette boucle, écrire une autre boucle (pour cette deuxième boucle, veuillez utiliser une variable différente) qui produira les colonnes TD et /TD en écrivant à l'intérieur de chacune des cases le numéro Rangée i Colonne x correspondant.
Consultez au besoin ce guide pas à pas :
Utilisez la fonction document.write (bouton Écrire) afin d'écrire la balise TABLE et la balise /TABLE
Exemple :
Écrivez (entre les deux lignes TABLE et /TABLE) le code javascript de boucle de 7 répétitions (bouton BOUCLE) (ce code produira vos 9 rangées )(Utilisez la variable nommée i pour cette boucle)
Exemple :
document.write("<table border=5>")
for (i=1;i<=7;i=i+1)
{
}
document.write("</table>")
Dans ce code, utilisez la fonction document.write (bouton Écrire) afin d'écrire la balise TR et /TR
Exemple :
document.write("<table border=5>")
for (i=1;i<=7;i=i+1)
{
document.write("<tr>")document.write("</tr>")
}
document.write("</table>")
Dans ce code, écrivez le code javascript de boucle (bouton BOUCLE) de 4 répétitions (ce code produira vos 4 colonnes) (Utilisez la variable nommée x pour cette boucle).
Exemple :
document.write("<table border=5>")
for (i=1;i<=7;i=i+1)
{
document.write("<tr>")
for (x=1;x<=4;x=x+1)
{
}
document.write("</tr>")
}
document.write("</table>")
Dans ce code, utilisez la fonction document.write afin d'écrire la balise TD et /TD
Exemple : document.write("<table border=5>")
for (i=1;i<=7;i=i+1)
{
document.write("<tr>")
for (x=1;x<=4;x=x+1)
{
document.write("<td>")document.write("</td>")
}
document.write("</tr>")
}
document.write("</table>")
Dans ce code, utilisez la fonction document.write (bouton Écrire) afin d'écrire les mots "Rangée numéro " suivi du numéro de la rangée (i) ET le mot "Colonne numéro " suivi du numéro de la colonne x
Exemple :
document.write("<table border=5>")
for (i=1;i<=7;i=i+1)
{
document.write("<tr>")
for (x=1;x<=4;x=x+1)
{
document.write("<td>")
document.write("Rangée numéro "+i+" Colonne numéro "+x)
document.write("</td>")
}
document.write("</tr>")
}
document.write("</table>")
Remplacez la ligne de code qui écrit la balise TD par la ligne de code ci-dessous afin d'ajouter une couleur de fond de cellule (balise bgcolor=#123456) en utilisant vos variables x et i afin de produire des couleurs de fond différents .
Modifiez les variables x et i afin de créer des teintes de couleur variées.
Exemple : document.write("<td bgcolor=#"+i+i+x+i+x+i+">")
Modifiez la suite i+i+x+i+x+i : en succédant aléatoirement les variables :
Exemple : i+i+i+x+x+x
Modifie ton code afin de spécifier une largeur pour ton tableau (paramètre style='width:500px;' ).
Ajoute maintenant en utilisant les boucles de répétitions JAVASCRIPT, une boucle de répétition qui te permettra de répéter une action de ton choix autre que celle précédemment utilisée.
Utilise au besoin GOOGLE en inscrivant comme mots de recherche : javascript exemples boucle for ou javascript exemples boucle do while
Visualisez votre page et apportez des modifications au besoin.
