Différences entre versions de « Technologies avancées du eLearning 2/exercices/Équipe »
De GBLL, TAL, ALAO, etc.
< Cours:Technologies avancées du eLearning 2
Ligne 3 : | Ligne 3 : | ||
* la ligne n°5 en fonction du nom de votre fichier javascript ; | * la ligne n°5 en fonction du nom de votre fichier javascript ; | ||
* la ligne n°6 en fonction de votre fichier de logo. | * la ligne n°6 en fonction de votre fichier de logo. | ||
− | <syntaxhighlight lang="HTML"><!doctype html> | + | <syntaxhighlight lang="HTML" line><!doctype html> |
<html> | <html> | ||
<head> | <head> | ||
Ligne 46 : | Ligne 46 : | ||
</html> | </html> | ||
</syntaxhighlight> | </syntaxhighlight> | ||
+ | |||
== Correction == | == Correction == | ||
On en est là : | On en est là : |
Version du 15 janvier 2019 à 21:19
Test de votre classe
Créer un document HTML avec le contenu suivant, en veillant à adapter :
- la ligne n°5 en fonction du nom de votre fichier javascript ;
- la ligne n°6 en fonction de votre fichier de logo.
1 <!doctype html>
2 <html>
3 <head>
4 <meta charset="utf-8" />
5 <script type="text/javascript" src="equipe.js"></script>
6 <link type="text/css" rel="stylesheet" href="style.css" />
7 <script type="text/javascript">
8 function init(){
9 var monEquipe = new Equipe("DILIPEM", "logo.svg") ;
10 //Test de la méthode nomEq()
11 if(monEquipe.nomEq() == "DILIPEM"){
12 console.log("Bravo nomEq() marche.");
13 }
14 else{
15 console.error("Attention à la méthode nomEq() (ou au constructeur)");
16 }
17 //test de la méthode nbMembres()
18 if(monEquipe.nbMembres() === 0){
19 console.log("Bravo, il y a des chances que nbMembres() fonctionne");
20 }
21 else{
22 console.error("Attention à nbMembres (ou au constructeur)");
23 }
24 //test de l'ajout de membres
25 monEquipe.ajoutMembre("Jean-Pierre") ;
26 monEquipe.ajoutMembre("Jacqueline") ;
27 if(monEquipe.nbMembres() === 2){
28 console.log("Bravo, il y a des chances que nbMembres() et ajoutMembre() fonctionnent.");
29 }
30 else{
31 console.error("Attention à nbMembres (ou à nbMembres)");
32 }
33 var elt = document.getElementsByTagName('body')[0];
34 console.log(elt);
35 elt.innerHTML = monEquipe.toHTML();
36 }
37 window.onload=init;
38 </script>
39 </head>
40 <body>
41 </body>
42 </html>
Correction
On en est là :
class Equipe{
constructor(nomEq, logo){
this.nom = nomEq;
this.logo = logo;
this.listeMembres = []
}
nomEq(){
return this.nom;
}
nbMembres(){
return this.listeMembres.length;
}
ajoutMembre(nom){
//TODO : Permet d'ajouter un membre à la liste des membres
}
toHTML(){
//TODO : Crée une chaine de caractères au format HTML pour afficher l'équipe
}
}