Untitled

<!DOCTYPE html>
<html lang="en">
<style>
input[type=text], select {
  width: 100%;
  padding: 12px 20px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
}

input[type=submit] {
  width: 100%;
  background-color: #4CAF50;
  color: white;
  padding: 14px 20px;
  margin: 8px 0;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

input[type=submit]:hover {
  background-color: #45a049;
}

div {
  border-radius: 5px;
  background-color: #f2f2f2;
  padding: 20px;
}
</style>
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Discord Webhook xzzZZzzx</title>
  </head>
  <body>
  <label>Messages</label>
     <input type="text" id="myText" value="">
    <input type="submit" onclick="sendMessage()" value="Submit">
    <p id="demo"></p>
  </body>

  <script>
    function sendMessage() {
     var x = document.getElementById("myText").value;
     document.getElementById("demo").innerHTML = x;
      var request = new XMLHttpRequest();
      request.open("POST", "https://discordapp.com/api/webhooks/696581889741291551/sUuN2Rl9pmIhPmjXEwTCHdR_Kjk1J20sKoLdbgPHUfzI3AvWvMgBjNYNfSK-19aaFyX1");

      request.setRequestHeader('Content-type', 'application/json');

      var params = {
        username: "xzzZZzzx",
        avatar_url: "https://cdn.discordapp.com/avatars/436507141944377357/af9598467302b3afcd3a3ef009e30417.png?size=1024",
        content: x
      }

      request.send(JSON.stringify(params));
    }
  </script>
</html>