Cacher is the code snippet organizer for pro developers

<div class="container">
  <h1>ClearlyElevated's Webhook & Announcement Tool!</h1>

  <h2>Enter Message Below</h2>
  <textarea name="" id="text" cols="50" rows="10"></textarea>
  <br>
  <button id="submit">Send</button>
</div>

const url = "https://canary.discordapp.com/api/webhooks/595750401110835220/U6FLq8Lgr7uVUcalttEC1vUu_wpkwM8Rdzwyw9BB1yByi4WVyZWXOtMjgSrskEWevtht"
document.getElementById('submit').addEventListener('click', function(){
  myheaders = new Headers({
      "Content-Type": "application/json",
  });
  let data = {
       "username": "Discord Team",
       "avatar_url": "http://i.imgur.com/hD5OvmJ.png",
       "content": document.getElementById('text').value
   };
  fetch(url, {
   method: 'post',
   headers: myheaders,
   body: JSON.stringify(data)
  }   
  );
  document.getElementById('text').value = '';
})

body{
  font-family: 'Tajawal', sans-serif;
  background-image: linear-gradient(to right, #ff8177 0%, #ff867a 0%, #ff8c7f 21%, #f99185 52%, #cf556c 78%, #b12a5b 100%);
  color: #fff;
  display:flex;
  justify-content: center;
}
*{
  margin: 0;
  padding: 0;
}
h2{
  margin-top: 1rem;
}

button{
  background-image: linear-gradient(#fff,darken(#fff,15));
  height: 2rem;
  width: 4rem;
  border: 0;
  border-radius: 100px;
}