document - Eigenschaften der HTML-Seite ändern

Navigation: Startseite → Javascript → Aufgaben → 04_aufgabe_document

Auf dieser Seite lernst du, wie du die Eigenschaften der HTML-Seite änderst..

Javascript kennt für viele Aufgaben Objekte. In dieser Aufgabe brauchst du das Objekt document.

Aufgabe:

Erstelle eine HTML-Seite geheim.htm.
Setze zwei Buttons auf die Seite. Beschrifte den einen mit Zeigen!, den anderen mit Verstecken!
Schreibe einenn ganz geheimen Text auf die Seite ;-)
Setze die Hintergrundfarbe der HTML-Seite auf schwarz.
```
<body bgcolor="black">
```
Schreibe ein Script, das den geheimen Text sichtbar macht.

Tipps:

Im body setzt du den Button ein.

<input type="button" value=" zeigen " onClick="zeigen()" />

Die Funktionen zeigen()und verstecken() machen den Inhalt sichtbar oder unsichtbar.
```
function zeigen()
{
   document.body.style.backgroundColor = "white";
}
```
Die Eigenschaft bgColor des Objektes document verändert die Hintergrundfarbe.

© Hartmut Waller
Datei: https://hartmut-waller.info/javascript/aufgaben/04_aufgabe_document.php
Zuletzt geändert: 28. 11. 2019 17:07