230 Kapitel 6
Noch mal im Visier: der Geheimcode
<!doctype html>
<html lang="de">
<head>
<meta charset="utf-8">
<title>Dr. Evels Geheimcode-Seite</title>
</head>
<body>
<p id="code1">Der Adler ist im</p>
<p id="code2">Der Fuchs läuft durch den</p>
<p id="code3">schlich letzte Nacht in den Garten</p>
<p id="code4">Sie sagten, es werde regnen</p>
<p id="code5">Kräht das Rotkehlchen um</p>
<p id="code6">Wo finde ich Mr.</p>
<p id="code7">Ich sagte, bringt Tee mit und</p>
<p id="code8">Wo ist meine Knete? Das kann so</p>
<p id="code9">Meine Uhr stoppte genau um</p>
<p id="code10">bellen, fliegen ohne Regenschirm nicht.</p>
<p id="code11">Der grüne Kanarienvogel fliegt um</p>
<p id="code12">Die Auster hat eine schöne</p>
<script src="code.js"></script>
</body>
</html>
Auf Dr. Evels Website haben Sie ein HTML-Dokument gefunden, in das
eine externe Datei eingebunden war. Das sah ungefähr so aus:
Im letzten Kapitel gab es eine »Knacken Sie
den Geheimcode«-Aufgabe
Hier ist der
JavaScript-Code.
var access =
document.getElementById("code9");
var code = access.innerHTML;
code = code + " Mitternacht";
alert(code);
Dann mussten Sie Ihre deduktiven Fähigkeiten einsetzen, um Dr. Evels
Geheimcode zu knacken …
Jeder Absatz hat
eine eigene ID.
Hier ist der HTML-Code.
document ist ein globales Objekt.
Und getElementById
ist eine Methode.
Und es gibt die
Punktnotation, die
nach einem Objekt
mit der Eigenschaft
innerHTML
aussieht.
Die Groß- und Kleinschreibung bei
getElementById ist wichtig. Sonst
funktioniert es nicht!
Get JavaScript-Programmierung von Kopf bis Fuß now with the O’Reilly learning platform.
O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.
