Actions

Cours

« Technologies avancées du eLearning 2/exercices/Équipe » : différence entre les versions

De GBLL, TAL, ALAO, etc.

Page créée avec « == Test de votre classe == <syntaxhighlight lang="JavaScript">var monEquipe = new Equipe("DILIPEM", "logo.png") ; //Test de la méthode nomEq() if(monEquipe.nomEq() == "DI... »
 
Ligne 1 : Ligne 1 :
== Test de votre classe ==
== Test de votre classe ==
<syntaxhighlight lang="JavaScript">var monEquipe = new Equipe("DILIPEM", "logo.png") ;
Créer un document HTML avec le contenu suivant, en veillant à adapter :
//Test de la méthode nomEq()
* la ligne n°5 en fonction du nom de votre fichier javascript ;
if(monEquipe.nomEq() == "DILIPEM"){
* la ligne n°6 en fonction de votre fichier de logo.
  console.log("Bravo nomEq() marche.");
<syntaxhighlight lang="HTML"><!doctype html>
}
<html>
else{
  <head>
  console.error("Attention à la méthode nomEq() (ou au constructeur)");
      <meta charset="utf-8" />
}
      <script type="text/javascript" src="equipe.js"></script>
//test de la méthode nbMembres()
      <link type="text/css" rel="stylesheet" href="style.css" />
if(monEquipe.nbMembres() === 0){
      <script type="text/javascript">
  console.log("Bravo, il y a des chances que nbMembres() fonctionne");
function init(){
}
var monEquipe = new Equipe("DILIPEM", "logo.svg") ;
else{
//Test de la méthode nomEq()
  console.error("Attention à nbMembres (ou au constructeur)");
if(monEquipe.nomEq() == "DILIPEM"){
}
  console.log("Bravo nomEq() marche.");
//test de l'ajout de membres
}
monEquipe.ajoutMembre("Jean-Pierre") ;
else{
monEquipe.ajoutMembre("Jacqueline") ;
  console.error("Attention à la méthode nomEq() (ou au constructeur)");
if(monEquipe.nbMembres() === 2){
}
  console.log("Bravo, il y a des chances que nbMembres() et ajoutMembre() fonctionnent.");
//test de la méthode nbMembres()
}
if(monEquipe.nbMembres() === 0){
else{
  console.log("Bravo, il y a des chances que nbMembres() fonctionne");
  console.error("Attention à nbMembres (ou à nbMembres)");
}
}
else{
  console.error("Attention à nbMembres (ou au constructeur)");
}
//test de l'ajout de membres
monEquipe.ajoutMembre("Jean-Pierre") ;
monEquipe.ajoutMembre("Jacqueline") ;
if(monEquipe.nbMembres() === 2){
  console.log("Bravo, il y a des chances que nbMembres() et ajoutMembre() fonctionnent.");
}
else{
  console.error("Attention à nbMembres (ou à nbMembres)");
}
var elt = document.getElementsByTagName('body')[0];
console.log(elt);
elt.innerHTML = monEquipe.toHTML();
}
window.onload=init;
      </script>
  </head>
  <body>
  </body>
</html>
</syntaxhighlight>
</syntaxhighlight>

Version du 15 janvier 2019 à 19:58

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.
<!doctype html>
<html>
   <head>
      <meta charset="utf-8" />
      <script type="text/javascript" src="equipe.js"></script>
      <link type="text/css" rel="stylesheet" href="style.css" />
      <script type="text/javascript">
		function init(){
			var monEquipe = new Equipe("DILIPEM", "logo.svg") ;
			//Test de la méthode nomEq()
			if(monEquipe.nomEq() == "DILIPEM"){
			   console.log("Bravo nomEq() marche.");
			}
			else{
			   console.error("Attention à la méthode nomEq() (ou au constructeur)");
			}
			//test de la méthode nbMembres()
			if(monEquipe.nbMembres() === 0){
			   console.log("Bravo, il y a des chances que nbMembres() fonctionne");
			}
			else{
			   console.error("Attention à nbMembres (ou au constructeur)");
			}
			//test de l'ajout de membres
			monEquipe.ajoutMembre("Jean-Pierre") ;
			monEquipe.ajoutMembre("Jacqueline") ;
			if(monEquipe.nbMembres() === 2){
			   console.log("Bravo, il y a des chances que nbMembres() et ajoutMembre() fonctionnent.");
			}
			else{
			   console.error("Attention à nbMembres (ou à nbMembres)");
			}
			var elt = document.getElementsByTagName('body')[0];
			console.log(elt);
			elt.innerHTML = monEquipe.toHTML();
		}
		window.onload=init;
      </script>
   </head>
   <body>
   </body>
</html>