let databox;
function initiate() {
  databox = document.getElementById("databox");
  const myfiles = document.getElementById("myfiles");
  myfiles.addEventListener("change", senddata);
}
async function senddata(event) {
  const files = event.target.files;
  const myfile = files[0];

  const data = new FormData();
  data.append("file", myfile);

  const url = "process.php";
  try {
    const response = await fetch(url, {
      method: "POST",
      body: data
    });
    if (response.ok) {
      const text = await response.text();
      databox.innerHTML = text;
    }
  } catch (error) {
    console.log(error);
  }
}
window.addEventListener("DOMContentLoaded", initiate);