4.2 - Exercices


Notes

  • Utilisez un seul ensemble de fichiers HTML, CSS et JavaScript qui isole chaque exercice dans un div.
    • Mettez en place la structure en HTML et manipulez les éléments dynamiques avec JavaScript
  • Créez tous les événements DOM de la page en utilisant les propriétés JavaScript
  • Exploitez le mécanisme d'événement pour être informé lorsque la page est prête et que le DOM peut être manipulé

Pair/impair

  • Indiquer le nom de l'exercice dans un titre
  • Utiliser un input de type texte pour saisir une valeur
  • Pour chaque saisie, un paragraphe est mis à jour:
    • Avec une instruction si la saisie est vide
    • Avec une erreur si la saisie n'est pas un entier
    • Avec une indication en bleu si le nombre est impair
    • Avec une indication en vert si le nombre est pair

Exemple:

Quel état?

Exemple:

Un petit plus

  • Indiquer le nom de l'exercice dans un titre
  • Récupérer la valeur saisie dans un input et la stocker dans un tableau
    • Confirmer la saisie sur le clic du bouton + et l'appui de la touche enter
  • Lorsqu'une valeur est ajoutée au tableau, si ce n'est pas un entier le texte doit être souligné
    • Chaque cellule ajoutée au tableau contient également un bouton pour la retirer du tableau
  • Lorsque le tableau est modifié(ajout, suppression), un paragraphe affichant la somme des nombres entier est mis à jour
    • Si aucun entier n'est contenu dans le tableau, un message d'erreur est affiché en rouge
    • Si le tableau est vide, une instruction est affichée

Exemple: