Classe dans un tableau HTML

Version imprimable

Bonjours développeur, je suis étudiant en conception web, et mon prof ma donner ce devoir.
Je dois créé une Classe dans Javascript, pouvoir ajouter des eleve et pouvoir afficher les eleve dans un tableau HTML.
Voici ma Classe -->
Code:

1 2 3 4 5 6 7 8 function Eleve (prenom, mail){ this.premon = prenom; this.mail = mail; } var huey = new Eleve("Huey", "hueu@monemail.com"); var lorel = new Eleve("Lorel", "jesuispashardy@monemail.com"); var hardy = new Eleve("Hardy", "jesuispaslorel@monemail.com");
Mon problème est de réussir a mettre cette classe en tableau, sans avoir 100 ligne de code et de manière a pouvoir ajouter des eleve facilement.

Merci Elliot

03/05/2016, 08h27
SpaceFrog

Les classes à proprement parler n'existent pas en Javascript ...

Pour ta problématique ton tableau d'élèves est de quelle forme ?

Il suffit de boucler sur un array ...

jour

on peut ajouté un prototype a l'objet qui ajoutera pour chaque instance la ligne a ajouter au tableau

ce qui donne

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>teste</title>
 
<style type="text/css">
 
body{
	background-color:gray;	
}
 
</style>
 
<script>
 
function Eleve (prenom, mail){
 
	this.premon = prenom;
	this.mail = mail;
 
	this.ajouter_ligne()
	}
 
Eleve.prototype.ajouter_ligne=function(){
 
	var tr_tb=document.getElementById("un_tableau").insertRow(0);
 
	var td_tb=tr_tb.insertCell();
	td_tb.textContent=this.premon
 
	td_tb=tr_tb.insertCell();
	td_tb.textContent=this.mail
}	
 
onload=function(){
 
	var huey = new Eleve("Huey", "hueu@monemail.com");
	var lorel = new Eleve("Lorel", "jesuispashardy@monemail.com");
	var hardy = new Eleve("Hardy", "jesuispaslorel@monemail.com");
}
 
</script>
</head>
<body>
 
<table id="un_tableau"></table>
 
</body>
</html>

ajoutons ajoutons

03/05/2016, 14h01
elliotgb

Spacefrog :
j'ai de la difficulté a comprendre par la forme de tableau

Mais en cours, on a réussis en faisant deux arrays et aller chercher chaque information une par une, mais c'était long et non efficace et on ne pouvaient pas ajouter d'éleves sans ajouter chaque information dans chacune des lignes de code.

melka one:

Merci, je vais essayer et de bien comprendre et je te donnerai des nouvelles si j'ai réussi!:
03/05/2016, 14h10
elliotgb

je viens de comprendre. c'est un tableau HTML

et mon prof vien de me dire le vrai terme au lieu d'une classe, il parlait d'un constructor.

et pour boucler un array c'est ce que je pensais, mais c'était la manière.