# HTML-Code
Eigenes HTML mit Skripten und Stilen innerhalb des Elements: ein Rechner, ein Widget eines Dienstes, ein ungewöhnliches Layout. Das Element steht im Bereich des Bildschirms neben anderen Elementen. Soll Ihr Code den ganzen Bildschirm einnehmen, wählen Sie die Bildschirmart „HTML-Code“.
## Einstellungen
- **„Code“** — HTML bis 100 000 Zeichen. Skripte und Stile gehören in den Code. Ein neues Element enthält ein Beispiel: die Überschrift „Hallo!“ und eine Textzeile.
- **„Höhe“** — „Nach Inhalt“: passt sich dem Code an, auch wenn er seinen Inhalt selbst ändert. „Fest“ — von 40 bis 2000 Pixel, alles, was nicht hineinpasst, wird innerhalb des Elements gescrollt.
- **„Ausgänge“** — bis zu 20. Ein Ausgang hat einen „Schlüssel“ (lateinische Buchstaben, Ziffern, `_` und `-`) und einen „Name im Schema“. Der Code ruft den Ausgang per Schlüssel auf: `app.event('next')`.
- **„Variablen, die der Code schreiben darf“** — bis zu 50 Namen. Andere nimmt der Server nicht an.
Unter den Einstellungen steht die Hilfe „Für den Code verfügbar“.
## Wie der Code arbeitet
Der Code läuft in einem isolierten Frame: Sitzung, Daten der App und der übrige Bildschirm sind für ihn nicht zugänglich. Die Textfarbe übernimmt der Frame aus dem Theme der App. Im Bildschirm-Editor zeigt der Frame das Ergebnis und startet nach jeder Änderung des Codes neu; im Schema steht statt des Codes ein Platzhalter.
Was Sie aus dem Code aufrufen können — `app.event`, `app.variables.set`, den Speicher `localStorage`, `app.openLink` — und wie Sie eine Variable direkt in den Code einsetzen, steht auf der Seite [Code in der App](https://support.watbot.org/de/mini-apps/code#html-code-element-und-bildschirm).
## Ausgänge
Jeder Ausgang aus „Ausgänge“ ist ein Ausgang des Bildschirms mit dem Namen, den Sie festgelegt haben (ohne Namen — mit dem Schlüssel). Zusammen mit dem Übergang kann der Code erlaubte Variablen schreiben: `app.event('use', {bonusUsed: '350'})`.