Wie kann man Text über JavaScript versenden?

Hi Leute, ich möchte eine kleine Homepage (HTML, CSS, JavaScript)erstellen und hätte gern eine Funktion, bei der man Text eingeben kann, der mir anschließend zugesendet wird. Bitte schreibt nicht, dass ich einfach eine E-Mail Adresse verlinken soll. Vielen Dank im Voraus. :-)

2 Antworten

Vom Beitragsersteller als hilfreich ausgezeichnet

MrAmazing2

Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer

HTML, CSS, JavaScript

04.12.2022, 15:07

Mithilfe eines Form-Elements kannst du den Text vom Frontend ans Backend senden: https://www.w3schools.com/html/html_forms.asp

Alternativ kannst du das auch direkt in JavaScript machen, mithilfe von fetch oder XMLHttpRequest. (Als Methode natürlich "POST".)

Im Backend nimmst du den Text entgegen und kannst ihn dann in eine Datenbank speichern, per Email versenden, etc.

Woher ich das weiß:Hobby – Programmieren ist mein Hobby & Beruf

LeBonyt

04.12.2022, 15:53

Alles richtig. Und wie realisiert der Fragesteller das Backend?

MrAmazing2

04.12.2022, 16:27

@LeBonyt

Da gibt's zu viele Möglichkeiten, als dass ich sie alle aufzählen könnte :D

Ich nehme mal an PHP, da es in den Tags steht.

Da kenne ich mich leider nicht aus, aber dazu habe ich das hier gefunden:

https://stackoverflow.com/questions/18379238/send-email-with-php-from-html-form-on-submit-with-the-same-script

https://www.formget.com/send-an-email-on-form-submission-using-php/

Bohne47

14.04.2023, 16:52

Ohne PHP wird das leider nichts. Javascript läuft über den Browser. Um eine E-Mail zu versenden benötigst du einen Server der das für dich tut. Ohne PHP kannst du das dem Server aber nicht mitteilen.

Schaue dir das mal an:

https://www.php-einfach.de/php-tutorial/php-email/

Eine Email mit PHP zu versenden ist nicht so schwer, und mit diesem Tutorial gut zu schaffen.

Bei weiteren Fragen, schreibe mir einfach/einen Kommentar :)

Ähnliche Beiträge

Welche Programmiersprache(n) nach HTML, CSS, Javascript?

Ich weiß HTML, CSS sind keine aber welche Programmiersprachen sollte man nach Javascript lernen mein Bereich wäre momentan zum Start Webseiten (Webanwendungen) sowie Apps.

...zum Beitrag

JavaScript vs. Flutter und Dart?

Was findet ihr besser?

HTML, CSS und Javascript

Oder

Dart und Flutter

...zum Beitrag

Wann bin ich fertig mit HTML und CSS?

Hallo,

Ich lerne schon seit einiger Zeit HTML und CSS, und habe schon einige etwas größere websiten erstellt (also die grafische Oberfläche). Ich wollte auch bald mit Javascript anfangen, aber man sollte ja erst mit einer anderen Sprache anfangen, wenn mann die erste gut kann, aber ich weiß nicht wann ich bereit bin.

Meine Frage: Was muss ich alles in HTML und CSS können, um mit Javascript anzufangen?

Danke:)

...zum Beitrag

Javascript ist das schwer?

Ist die Programmiersprache Javascript? schwer weil ich ich bis jetzt HTML und CSS verstehe tue.

...zum Beitrag

Wordpress Seite als eine HTML, CSS und JS Datei exportieren?

Hallo,

ich möchte eine Wordpress-Website statisch wie sie zu sehen ist als HTML, CSS und JavaScript Dateien exportieren. Leider funktioniert dies nicht wie ich es möchte, da alle JavaScript Funktionen für z.B. ausklappbare Menüs in einzelnen JS Dateien liegen. Auch das CSS ist teilweise in der entsprechenden Datei, teilweise aber auch im HTML Code, das ist aber nebensächlich.

Gibt es irgendein Tool - egal ob Online mit GUI oder als Shell Anwendung, dass es mir ermöglicht, die Seite wie von mir beschrieben als Einzeldateien herunterzuladen?
Die Seite läuft nicht über meinen eigenen WP Account, ich kann also keine WP Plugins installieren...

LG und vielen Dank

Andy

...zum Beitrag

Gute KI um HTML-, CSS- und JS-Code für eine Webseite zu erstellen?

Hallo kennt jemand eine gute KI, um HTML-, CSS- und JavaScript-Code für eine Webseite zu erstellen?

...zum Beitrag

Wie lernt man am besten HTML, CSS und JavaScript?

Hey,

ich möchte oben genannte Tools erlernen, um eigene gute Webseiten erstellen zu können. Jedoch tue ich mich schwer beim lernen. Ich weiß nicht, ob ich z.B die Tags in HTML auswendig lernen soll oder wie ich vorgehen soll beim lernen... Das lässt mich verwzweifeln.

Hoffe ihr habt da paar Ratschläge.

...zum Beitrag

HTMX gut für Anfänger?

Ist es okay, erstmal HTMX und CSS, statt HTML, CSS und JavaScript für die Entwicklung einer Webseite zu nutzen, um erstmal das Prinzip von HTML und CSS zu verstehen? Ich habe nämlich nicht die ,,Kapazität", um jetzt auch noch JavaScript zu lernen, da ich mich gerade auf Java konzentriere.

...zum Beitrag

Hat jemand Tipps für HTML CSS und JS?

Ich bin Neueinsteiger in HTML und CSS. Habt ihr Tipps, Videos, Websites, wie ich schnell alle Funktionen etc. lernen kann. Oder eine Übersicht mit allen Begriffen von html und css, wo sie erklärt werden?

...zum Beitrag

HTML und CSS - Box erscheint nach Klick auf Button und verschwindet nach Klick auf Text wieder?

Die Aufgabenstellung lautet:

"Füge der Webseite einen Button hinzu, bei dessen Betätigung eine Box erscheint, die den Text anzeigt: „Diese Funktion ist noch nicht implementiert. Bitte schließen.“

Die Box soll beim Klick auf den Text wieder unsichtbar werden.

Die Box soll ihre Farbe ändern, wenn man mit der Maus darauf fährt."

Einzelne Punkte schaffe ich, aber nicht dass die Box z.B. wieder weg geht wenn man in den Text klickt ...

Freue mich über jede Nachricht!

...zum Beitrag

Guter Anbieter für Domain und Web Hosting bei dem man mit HTML/CSS und JS selber seine Webseite erstellen kann?

Hallo kennt da jemand ein guter?
Es muss nur so einfach wie möglich sein aber ich will alles selber programmieren mit HTML CSS und JavaScript also sowas wie Wordpress oder ähnliches will ich gar nicht.

...zum Beitrag

Wie kann ich den Abstand zwischen HTML-Tags entfernen?

HI, ich programmiere gerade einen Taschenrechner in HTML/CSS/JavaScript und möchte den Abstand zwischen den Elementen entfernen. Margin, Padding und Border sind bereits auf 0 gestellt. Der Abstand ist auch nur horizontal zwischen den Elementen. Vielen Dank im Voraus :-)

...zum Beitrag

Javascript Seitenübergreifend?

Hallo,

ich möchte in einen Html Code einen Javascript Code für Lesezeichen einfügen. Also ich habe eine Seite mit vielen Texten (Seite x), zu jedem Text gibt es einen Button, der das jeweilige Lesezeichen hinzufügen soll. Wenn dieser Knopf gedrückt wird, dann soll ein derzeit unsichtbarer Container (display: none;) auf display:flex; bzw. Sichtbar gestellt werden (in Seite y).

Der Code der diese Funktion ausführen soll wäre derzeit:

function textfield1() {

var x = document.getElementById("th1");

if (x.style.display === "none") {

x.style.display = "block";

} else {

x.style.display = "none";

}

Dieser Code wird natürlich nur auf Seite x ausgeführt
kann mir jemand helfen, dass dieser Container dann auf Seite y gezeigt wird?

...zum Beitrag

HTML, CSS, Javascript EventHandler und .innerText?

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Test DOM Manipulation</title>
    <script src="inner.Text.js" defer></script>
</head>
<body>

<div>
    <button id="button">click me</button>
    <input type="submit" id="Einreichen" name="Einreichen" value="Testen">
</div>

</body>
</html>
const meinBody = document.body;
const e1 = document.createElement('div');

const innerText1 = "Programmieren ";
const innerText2 = document.createElement("b");
innerText2.innerText = "3";
const innerText3 = " FTW!";

e1.append(innerText1, innerText2, innerText3);
meinBody.append(e1);

const button = document.getElementById('button');

button.addEventListener('click', () =>  {
button.innerText = "Klicken";}

Wenn ich den button klicken, warum wird dann das click me nicht durch Klicken ersetzt?
Warum wird das meinBody.append(e1); nicht ausgeführt?

MFG

...zum Beitrag

Was möchtest Du wissen?

Deinen Beitrag erstellen