diff --git a/js/main.js b/js/main.js
index daca8328c77359e27c2be2e4d97afc139460cee8..4616e18dfe721d6ccf6948dcb314b30cf6cf8ec7 100644
--- a/js/main.js
+++ b/js/main.js
@@ -22,13 +22,21 @@ const data = [
 	}
 ];
 
-class Animal {
-	constructor( name ){
-		this.name = name;
+class Component {
+	tag;
+	children;
+
+	constructor( tag, children ){
+		this.tag = tag;
+		this.children = children;
 	}
-	fly() { // déclaration de méthode
-		console.log(`${this.name} is flying !`);
+
+	render() {
+		return `<${this.tag}>
+			${this.children ? this.children : ''}
+		</${this.tag}>`;
 	}
 }
-const threeEyedRaven = new Animal( 'Bran' );
-threeEyedRaven.fly();
\ No newline at end of file
+
+const title = new Component( 'h1', 'La carte' );
+document.querySelector('.pageTitle').innerHTML = title.render();
\ No newline at end of file