Discord Chat Generator
<iframe src="https://e.widgetbot.io/channels//" height="730" width="100%px" frameborder="0" ></iframe> <div id="front"><textarea rows="1" cols="50" id="name" placeholder="Display Name"></textarea><textarea rows="1" cols="50" id="question" placeholder="Send A Message"></textarea> <button id="send"><i class="far fa-paper-plane fa-lg"></i></button> <script>document.getElementById('send').onclick = function() { var request = new XMLHttpRequest(); request.open("POST", "https://discord.com/api/webhooks/939430652166684673/FAyGrTGJnBWEnVHUL2DBK7Jjc3-dcNTqXgpWvKARMHhpyvCJECqyplJUY31f0Po55TNl"); request.setRequestHeader('Content-type', 'application/json'); var params = { username: document.getElementById("name").value, content: document.getElementById("question").value } request.send(JSON.stringify(params)); alert('Message Send') } </script></div> <style>#front { position:absolute; border:solid 1px #000; width:424px; height:46px; left:500px; top:615px; background:#FFFFFF; box-shadow:0 0 10px #666;} #visitor { position:absolute; width:0px; height:0px; left:1230px; top:30px; border-radius:15px; } html, body { height: 100%; overflow: hidden } </style><style>#send { position:absolute; left:391px; top:25px; } #visitor { position:absolute; width:0px; height:0px; left:1230px; top:30px; border-radius:15px; }</style>