À partir du code HTML de départ, implémenter les actions CRUD pour une application de recensement d’une population(prénom, nom et âge).
-
Vous pouvez intégrer le mécanisme de template si vous le désirez. Aussi, vous pouvez utiliser l'édition inline ou le formulaire d'ajout pour implémenter la modification(attention de mettre à jour le bouton 'Ajouter').
- Vous pouvez ajouter des attributs significatifs dans le code fourni pour faciliter les manipulation du DOM.
Assurez-vous de respecter les bonnes pratiques de programmation en matière de nomenclature et organisation du code.
- Un paragraphe est affiché s'il n'y a aucuns items, sinon on affiche le tableau
- La liste affiche toutes les informations de chaque individu
- Le prénom et le nom sont affiché tel quel
- L’âge est calculé à partir de l’année de naissance fournie.
Si l’âge est inférieur à 50 le texte est vert, sinon il est rouge
- Les bouton Modifier et Supprimer affectent l'item correspondant
- Le prénom, le nom et l'âge sont obligatoire
- La liste déroulante affiche les 100 dernières années pour calculer l’âge approximatif de l’individu
- On peut soumettre les données via le bouton
Ajouter ou la toucher Enter
- L'ajout insère l'individu sur une nouvelle ligne à la fin du tableau
- Le formulaire est réinitialisé après l’ajout
- Le formulaire affiche les données actuelles de l'item
- L’âge doit être converti en année de naissance pour être manipulé à partir de la liste déroulante
- Le prénom, le nom et l'âge sont obligatoires pour confirmer la modification
- On peut annuler une modification sans affecter les données
- Retire l’individu de la liste, après une confirmation de l'utilisateur