Frage zum Wiki-Artikel „Benutzer:TheBrain04“
TheBrain04
- css
- frage zum wiki
- html
0 Rolf B
Hallo, ich habe das Problem das ich eine Nachricht von meiner Website an eine Discord WebHook weiterleiten. Ich habe es soweit hin bekommen das wenn ich auf absenden klicke wird es geschickt aber bei den Textfeldern steht dann nur "[object HTMLTextAreaElement]". Weiß jemand wie ich es hinbekomme das dort dann die eingegebenen Sachen stehen?
Code:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Discord Webhook Tutorial</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<button onclick="sendMessage()" type="reset">Send</button>
<section>
<h1>Form</h1>
<div class="containerfooter">
<!--action="https://formsubmit.co/sunite.contact@gmail.com" -->
action="index.html" method="POST"
<form>
<!--https://formspree.io/f/xyyokvry-->
<div class="form-group">
<label for="Name">Name</label>
<input required type="text" id="Name" name="Name" min="3">
</div>
<div class="form-group">
<label for="Discord">Discord Name + #____</label>
<input placeholder="Example#0001" required type="text" id="Discord" name="Discord" min="3">
</div>
<div class="form-group">
<label for="Bewierbt-sich-als">What rank do you want to apply for?</label>
<input placeholder="Manager" required type="text" id="Bewierbt-sich-als" name="Bewierbt-sich-als" min="3">
</div>
<div class="form-group">
<label for="Stärken">Tell us your strengths & weaknesses</label>
<textarea name="Stärken" id="Stärken" cols="5" rows="3" placeholder="1.
2.
3."></textarea>
</div>
<div class="form-group">
<label for="Message">Tell us five sentences about you.</label>
<br><a>(whithout strengths & weaknesses)</a>
<textarea name="Message" id="Message" cols="30" rows="10"></textarea>
</div>
<button onclick="sendMessage()" type="reset">Send</button>
</form>
</div>
<div id="status "></div>
</section>
</body>
<script>
var Name = document.getElementById('Name')
var Discord = document.getElementById('Discord')
var Bewierbtsichals = document.getElementById('Bewierbt-sich-als')
var Stärken = document.getElementById('Stärken')
var Message = document.getElementById('Message')
let Hallo = document.querySelector("#Name").value;
function sendMessage() {
const request = new XMLHttpRequest();
request.open("POST", "https://discord.com/api/webhooks/id.....");
request.setRequestHeader('Content-type', 'application/json');
document.getElementById('Name')
const params = {
content: "Bewerbung \n" +
"Name: " + Hallo + "\n" +
"Discord: " + Discord + "\n" +
"Bewierbtsichals: " + Bewierbtsichals + "\n" +
"Stärken: " + Stärken + "\n" +
"Message: " + Message
}
request.send(JSON.stringify(params));
}
</script>
</html>
Hallo TheBrain04,
Danke, dass Du deinen Code nachträgst. Im gleichen Thread wäre besser gewesen. Ich werde das dahin kopieren und hier zumachen.
Rolf