import { createRoot } from "react-dom/client";

// 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();
    })
    .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");

  input.addEventListener("keydown", function (event) {
    if (event.key === "Enter") click_send();
  });
});