JSFiddle - React, Tailwind, and code Playground

HTML

<div id="test">
</div>

JavaScript

/* Constructeur */
function Eleve(nom, prenom) {
	this.nom = nom;
	this.prenom = prenom;
}
/* Constructeur */
function Classe(nom, tab) {
	this.nom = nom;
	this.tab = tab;
}
var classes = new Array();

function actualiserClasses() {
	var divClasses = $('‪#test');
	if (divClasses.length==0) {
		divClasses = $('<div />', { id:"test" }).appendTo('body');
		console.log('anormal !');
	}
	divClasses.empty();
	for(var i in classes) {
		var table = $('<table />');
		table
			.css({
					'color':'black',
					'margin':'20px'
				})
			.attr({
					'border':'5px'
			});
		var classe = classes[i];
		table.append(
			$('<tr />')
			.append(
				$('<th />')
					.html(classe.nom)
					.attr({ 'colspan':'2' })
			)
			.attr({'text-align':'center'})
		);
		for (var j in classe.tab) {
			table.append($('<tr />').append(
				$('<td />').html(classe.tab[j].nom),
				$('<td />').html(classe.tab[j].prenom)
			));
		}
		divClasses.append(table);
	}
	$('body').append(divClasses);
}

function ajouterClasse() {
	var test = new Classe(
	'Prepa1',
		new Array(
			new Eleve('Delaunay','Simon'),
			new Eleve('Saumy','Thomas'),
			new Eleve('Vaton','Vincent')
		)
	);
	classes.push(test);
}

$(document).ready(function(){
	ajouterClasse();
	actualiserClasses();
	actualiserClasses();
	actualiserClasses();
	actualiserClasses();
	actualiserClasses();
	actualiserClasses();
});