Description

1. Ajoutez une page à votre portfolio en affichant les assistants HTML et javascript ainsi que la directive 3660
   
2. Inscrivez dans le champ le titre : "Les tableaux Javascript"
3. Sélectionnez la matière : informatique
4. Inscrivez dans le champ No de la directive : 3660
   
5. Consultez au besoin ce tutoriel sur les variables de type tableau (array) du langage javascript
6. Inscrivez dans votre page le titre de niveau 1 suivant : "Les tableaux (3660)"
   
7. Définissez ensuite le langage javascript (Bouton Javascript)
   
8. Inscrivez ensuite le texte suivant en utilisant l'Objet "document" et la Méthode "write" de la façon suivante :
   
   
   document.write ("Voici la liste de mes ami(e)s<br>")
   
   
9. Ensuite, définissez le tableau nommé Ami() de dimension 5 qui contiendra le prénom de 5 de vos ami(e)s en utilisant une des méthodes décrites ci-dessous ou en utilisant le bouton MATRICE)
   Aide :
   Attention, il existe 3 façons de procéder (utilisez une des trois méthodes) :
   
   Façon 1:
   Exemple pour créer un tableau nommé "Jour" qui contiendra les jours de la semaine.
   
   
   var Jour=['Dimanche','Lundi','Mardi', 'Mercredi','Jeudi' ,'Vendredi','Samedi'];
   
   
   Façon 2 :
   Exemple pour créer un tableau nommé "Jour" qui contiendra les jours de la semaine.
   
   
   Jour=new Array('Dimanche','Lundi','Mardi', 'Mercredi','Jeudi' ,'Vendredi','Samedi');
   
   
   Façon 3 :
   Exemple pour créer un tableau nommé "Jour" de dimension 7 qui contiendra les jours de la semaine.
   
   
   Jour=new Array(7); Jour[0]='Dimanche' ; Jour[1]='Lundi' ; Jour[2]='Mardi' ; ... Jour[6]='Samedi' ;
   
   
10. Vous pouvez maintenant écrire la liste de vos ami(e)s en utilisant l'Objet Document et la Méthode Write de la façon suivante :
    
    
    document.write (Ami[0]+ "<br>")
    et ainsi de suite afin d'écrire le nom de vos 5 ami(e)s.
    
    
11. Inscrivez ensuite une ligne horizontale : utilisez la balise <hr /> en utilisant l'Objet "document" et la Méthode "write"
    
    
12. Comme vous pouvez le constater, si votre tableau contient plusieurs éléments, il sera très long d'afficher les informations en utilisant cette façon de faire.
    
    Il existe une autre façon d'afficher les éléments d'un tableau plus rapidement, en utilisant le contrôle de Boucle (For()), que nous verrons de façon plus explicite dans une autre activité, afin d'écrire la liste de vos ami(e)s.
    
    Cliquez ici afin d'obtenir plus d'explications concernant le contrôle Boucle de répétition.
    
    
13. Cliquez le bouton Matrice Valeur de la barre de bouton Javascript et inscrivez le nom de votre variable Ami.
    
    Vous obtiendrez le code suivant dans votre page :
    
    
    for(i=0; i<Ami.length; i++) { document.write(Ami[i]+"<br>") }
    
    Vous aurez l'occasion dans une activité ultérieure d'apprendre le fonctionnement des boucles de répétitions.
    
14. Inscrivez ensuite une ligne horizontale en utilisant l'Objet "document" et la Méthode "write"
    
    
15. Utilisez maintenant une des méthodes expliquées ci-dessus afin de créer un tableau contenant la liste de vos matières scolaires et d'afficher chacun des éléments de cette liste.
    
    
    ATTENTION, le nom utilisé pour votre variable ne doit pas contenir d'espace et/ou de caractère accentué.
    
    
    
16. Utilisez une des méthodes afin d'écrire dans votre page cette liste.
    
    
17. Visualisez votre page et apportez des modifications au besoin.