<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>Forms</title>
  <script>
    function initiate() {
      const button = document.getElementById("send");
      button.addEventListener("click", sendit);
    }
    function sendit() {
      const form = document.querySelector("form[name='myform']");
      form.requestSubmit();
    }
    window.addEventListener("DOMContentLoaded", initiate);
  </script>
</head>
<body>
  <section>
    <form name="myform" method="get" action="process.php">
      <p><label>Email: <input type="email" name="myemail" id="myemail" required></label></p>
      <p><button type="button" id="send">Sign Up</button></p>
    </form>
  </section>
</body>
</html>