JavaScript - Formularinhalt herunterladen

Füllen Sie die folgenden zwei Eingaben aus, um eine Datei mit dem gewünschten Inhalt herunterzuladen!



<script>

// Formularinhalt herunterladen

function downloadFile(data=""fileName="margherita.txt"type="text/plain") {

 
// Erstellen eines unsichtbaren A-Elements.
 
const document.createElement("a");
 
a.style.display "none";
 
document.body.appendChild(a);

 
// Lege den HREF auf eine Blob-Darstellung der herunterzuladenden Daten fest.
 
a.href window.URL.createObjectURL(
  new 
Blob([data], { type })
 );

 
// Verwenden des Download-Attributs zum festlegen des gewünschten Dateinamens.
 
a.setAttribute("download"fileName);

 
// Auslösen des Downloads durch simulieren des Klicks.
 
a.click();

 
// A-Element wieder entfernen.
 
document.body.removeChild(a);
}

function 
onFormSubmit() {
 
downloadFile(
  
document.getElementById("content").value,
  
document.getElementById("filename").value
 );
}
</
script>

<
p>Füllen Sie die folgenden zwei Eingaben aus
um eine Datei mit dem gewünschten Inhalt herunterzuladen!</p>

<
form onsubmit="onFormSubmit(); return false;">
<
p>
<
label for="filename">Dateiname:</label> <br>
<
input type="text" id="filename" value="margherita.txt">
</
p>

<
p>
<
label for="content">Inhalt:</label> <br>
<
textarea id="content">
Pizza Margherita

Zutaten:
5g frische Hefe
500g Mehl
1Tl Salz
½ Tomatensauce
2Kugeln Büffelmozzarella (à 125 g)
1Topf Basilikum
SalzPfeffer

Den Pizzateig vorbereiten und halbierenBeide Hälften rund ausrollen und auf ein 
mit Backpapier belegtes Blech legenOfen auf 240 Grad (Umluft220 Gradvorheizen
Teig mit passierten Tomaten bestreichenMozzarella grob reiben und über die Pizzen streuen
Pizzagewürz darüber streuen und die Basilikum-Blätter auf den Pizzen verteilen
</
textarea>
</
p>

<
button type="submit">Herunterladen</button>
</
form>

Pizzasorten

Pizzasorte Zutaten
Pizza Margherita Tomatensauce, Käse
Pizza Salamie Tomatensauce, Käse, Salamie
Pizza Prosciutto Tomatensauce, Käse, Vorderschinken
Pizza Funghi Tomatensauce, Käse, Pilze
Pizza Peperoni Tomatensauce, Käse, grünen Peperoni
Pizza Quattro Stagioni Tomatensauce, Käse, Salami, Paprika, Schinken, Pilze
Pizza Tonno Tomatensauce, Käse, Thunfisch, Zwiebeln
Pizza Hawaii Tomatensauce, Käse, Schinken, Ananas
Pizza Frutti di Mare Tomatensauce, Käse, Meeresfrüchte
Pizza Bolognese Tomatensauce, Käse, Hackfleisch, Zwiebeln
Pizza Calzone (Pizzatasche) Tomatensauce, Käse, Salami, Schinken, Paprika, Pilze
Pizza Napoli Tomatensauce, Käse, Sardellen, Oliven
Pizza Verdi Tomatensauce, Käse, Spinat, Ei

Bausteine  Alle Anzeigen

Eine zufällige Auswahl von Codeschnipseln aus den Bereichen HTML, CSS, PHP, JavaScript und MySQL.

<mark> Physische Auszeichnung

CSS - Kompass-Animation

PHP - Auswahlliste aus einem Array erstellen

JavaScript - Zwei Ziffern

MySQL - Datenbank-Abfrage über den URL-Parameter

Schlagwörter einfügen
Wenn Sie zum Beispiel eine Homepage über Pferde haben, verwenden Sie in Ihren Texten viele Schlagwörter, die mit dem Thema der Seite zu tun haben. Überlegen Sie nach welchen Suchbegriffen der Besucher mit der Suchmaschine sucht. (Namen von Pferderassen, Pferdebilder, Galopp, Springreiten, ...).
Dabei wird nach einfachen Schlagwörtern häufiger gesucht als nach speziellen Schlagwörtern.