TP Programmation-objet en JS

Retour au menu

Exercice 1 : classe Rectangle

Reprendre l'exemple du cours, ajouter la méthode calcul_perimetre() au constructeur, et modifier la méthode afficheToi().
Tester.

Exercice 2 : classe Personne

  1. Définir le constructeur Personne(), et créer quelques instances de Personne regroupée dans un tableau appelé personnes[] .
  2. Le sauvegarder dans le fichier personne.js
  3. Construire une page basePersonne.html, récupérant ce code grâce à la directive :
    <SCRIPT SRC=personne.js"> </SCRIPT>
  4. Dans cette page écrire un formulaire de saisie pour construire de nouvelles instances de Personne, avec des boutons Annuler (reset) et Ajouter(validation).
    Bien sur cette saisie ira ajouter un élément du tableau personnes[].
  5. A la demande, par clic sur un bouton Afficher, faire afficher la liste des personnes existants dans personnes[], par appel itératif de la méthode afficheToi(), à l'intérieur d'un composant Textarea

Exercice 3 : classe Employe

  1. Il s'agit de définir une classe Employe pour simuler l'enregistrement d'une personne salarié dans une entreprise.
  2. Déclarer un constructeur de Entreprise avec les propriétés nom, ville, etc .. et une méthode presenteToi().
    A enregistrer sous le nom entreprise.js

  3. Puis écrire un constructeur de Employe pourvu des propriétés : entreprise, personne ("un employé est une personne"), fonction, salaire, anciennete, et une méthode presenteToi().
    A enregistrer sous le nom employe.js

  4. Ecrire baseEntreprise.js et baseEmploye.js, dans lesquels on définit des tableaux entreprises et employes

  5. Ecrire afficheEmploye.html qui importe les 4 fichiers précédents, ainsi que personne.js et basePersonne.js et répond à quelques questions :
    1. quelles sont les entreprises ?
    2. quelles sont les personnes ?
    3. Les employé(e) se présentent
    4. Quelle est la personne employé(e) numéro 1 ?
    5. Quelle est l'entreprise de employé(e) numéro 2 ?

    Exercice 4 : classe Biblio

    Projet

    Pour un assembleur d'ordinateurs, il s'agit de construire un document dynamique, qui affiche un devis au fur at à mesure que l'utilisateur fait ses choix de composants d'ordinateur, sans attendre une validation finale, comme sur cet exemple.
    1. Reprendre la même interface graphique, en l'actualisant et en la complétant d'une liste déroulante de modèles d'imprimantes.
    2. Ecrire le fichier info.js contenant les déclarations des classes Ordinateur et Imprimante, puis tableaux ordi[] et impr[] remplis de quelques instances de ces 2 classes.
    3. Modifier le code de cette page, pour utiliser les objets à la place des divers tableaux.