Merge branch 'main' of https://github.com/EcologicCode/EcologicCode.github.io

Author: SuperAtraction

index.md

@@ -4,3 +4,10 @@
 
 <button onclick="location.href='lang.html'">Langs</button><br>
 <a href="Root/OpenCreators/OpenCreators.exe">Télécharger OpenCreators</a>
+
+<div id="like_button_container"></div>
+
+<script src="https://unpkg.com/react@16/umd/react.development.js" crossorigin></script>
+  <script src="https://unpkg.com/react-dom@16/umd/react-dom.development.js" crossorigin></script>
+   <!-- Charge notre composant React -->
+  <script src="like_button.js"></script>

like_button.js

@@ -0,0 +1,24 @@
+'use strict';
+
+const e = React.createElement;
+
+class LikeButton extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = { liked: false };
+  }
+
+  render() {
+    if (this.state.liked) {
+      return 'You liked this.';
+    }
+
+    return e(
+      'button',
+      { onClick: () => this.setState({ liked: true }) },
+      'Like'
+    );
+  }
+}
+const domContainer = document.querySelector('#like_button_container');
+ReactDOM.render(e(LikeButton), domContainer);