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.

<tr> Tabellenzeile

CSS - Textbereich als veränderbare Bildanzeige verwenden

PHP - Wochennamen ausgeben

JavaScript - Text bei onMouseOver und onMouseOut ersetzen

MySQL - Alle Einträge ab einem bestimmten Datum ausgeben