1 files changed, 29 insertions, 19 deletions
diff --git a/web_page/main.js b/web_page/main.js
index 8d83b4c..dbb3495 100644
--- a/web_page/main.js
+++ b/web_page/main.js
@@ -1,26 +1,36 @@
-function click_send(){
-    data = document.getElementById("inp1").value;
-    console.log(data);
+import { createRoot } from "react-dom/client";
 
-    fetch("https://sl.azuminha.com/add/"+encodeURIComponent(data)).then(response => {
-        if (!response.ok) {
-          throw new Error('Network response was not ok');
-        }
-        return response.text(); 
-    }).then(result => {
-        console.log(result);
-        const res = document.createElement("p");
-        res.textContent = data + " => " + "sl.azuminha.com/" + result;
-        document.body.appendChild(res);
+// Clear the existing HTML content
+document.body.innerHTML = '<div id="app"></div>';
+
+// Render your React component instead
+const root = createRoot(document.getElementById("app"));
+root.render(<h1>Hello, world</h1>);
+
+function click_send() {
+  data = document.getElementById("inp1").value;
+  console.log(data);
+
+  fetch("https://sl.azuminha.com/add/" + encodeURIComponent(data))
+    .then((response) => {
+      if (!response.ok) {
+        throw new Error("Network response was not ok");
+      }
+      return response.text();
     })
-    return 10 * 3;
+    .then((result) => {
+      console.log(result);
+      const res = document.createElement("p");
+      res.textContent = data + " => " + "sl.azuminha.com/" + result;
+      document.body.appendChild(res);
+    });
+  return 10 * 3;
 }
 
 document.addEventListener("DOMContentLoaded", function () {
-    const input = document.getElementById("inp1");
+  const input = document.getElementById("inp1");
 
-    input.addEventListener("keydown", function (event) {
-        if (event.key === "Enter") 
-            click_send();
-    });
+  input.addEventListener("keydown", function (event) {
+    if (event.key === "Enter") click_send();
+  });
 });