Créer un tableau et afficher un résultat

Voici une liste de fruits :

  • fraise
  • banane
  • poire
  • pomme
  • kiwi
  • cassis
  • orange

Faire un tableau contenant toutes ces valeurs

Afficher “kiwi” dans la page , grâce à JavaScript.

Indice : vous pouvez utiliser document.write(……)

Nombre d'items dans un tableau

En reprenant le code précédent, affichez le nombre d'éléments présents dans le tableau.

indice : utiliser la méthode length sur l'objet tableau.

L'internaute demande un fruit

Toujours en utilisant le tableau des fruits, faire en sorte de demander à l'internaute le n° du fruit à afficher.

(il indique le n°, vous affichez le fruit)

Affichez par exemple le fruit “kiwi”

Remplacer la valeur d'un item

Voici un tableau contenant les jours de la semaine :

var jours = new Array("lundi", "mardi", "mercredi", "jeudi", "vendredi", "samedi", "dimanche");

Remplacer ”dimanche” par ”glandedi

Sans modifier directement le tableau.

Pour afficher le contenu du tableau d'un seul coup, vous pouvez utiliser alert(jours.join(”,”))

Boucle et plusieurs tableaux

Plus compliqué (mais pas trop), créer les ressourses nécessaires pour :

  • Afficher un message indiquant pour chaque mois, le nombre de jours qu'il contient.
  • Le message sera par exemple : “Le mois de Janvier possède 31 jours”.

Indice : Boucle + 2 tableaux + alert.

Boucle, calcul et plusieurs tableaux

Voici une liste d'élèves dans un tableau : var eleves = new Array(“Julien”, “Camille”, “Fleur”, “Norbert”, “Jean”);

Chaque élève à fait 2 interros : Julien a eu 12 à la première puis 15 à la seconde. Camille a eu 13 puis 7 Fleur a eu 6 puis 12 Norbert a eu 16 puis 2 et enfin, Jean a eu 18 puis 16

Calculer et afficher la moyenne des interros pour chaque élève. indice : Commencez en faisant 3 tableaux + créez une fonction pour le calcul.

Améliorez le script précédent pour ne faire plus qu'un seul tableau au lieu de 3.

Trier

Voici une liste de produits. Les classer automatiquement par ordre alphabétique et afficher le résultat sous forme d'une chaine de caractères, en séparant chaque élément par une virgule.

  • Concombre
  • Journal
  • Tickets de métro
  • Biscottes
  • Fraises
  • Fromage
  • Salade
  • Coucous

Indice : Utiliser la méthode sort() de l'objet Array.

Ajouter

Voici un tableau d'animaux :

var animaux = ["Chien", "Chat", "Oiseau", "Koala"];
  • Ajoutez un élément (“Crocodile”) à ce tableau, en utilisant la méthode push() :
  • Affichez le résultat dans la page.
  • Supprimez l'élément “Oiseau” du tableau (méthode splice(index_de_depart, nombre_items_a_supprimer)) et réaffichez celui-ci.

Ajouter + vérifier

On conserve le tableau d'animaux :

  • Cette fois, on demande à l'internaute de proposer un animal à ajouter
  • Si l'animal est déjà présent dans le tableau, on affiche une erreur (alert).
  • Sinon, on l'ajoute dans le tableau.
  • Dans tous les cas, on affiche le tableau.

Mini panier

Plus costaud : On va créer un panier simple. Voici une liste de produits :

  • Gants : 10€
  • Bonnet : 12€
  • TShirt : 24€
  • Pantalon : 56€
  • Pull : 45€

Faire en sorte que quand je clique dessus ça créé une liste des articles cliqués avec affichage du prix.

On partira du principe qu'on ne commande qu'un seul exemplaire de chaque article.

ressources/javascript/arrays_fr.txt · Last modified: 2013/06/16 22:51 (external edit)
 
 
Creative Commons License Powered by PHP Valid XHTML 1.0 April