Javascript-Ausgaben-Beispiel1

Aus ProgrammingWiki

Wiki-Quelltext dieser Seite.

<language>Javascript</language>
<pre>
...
<div id="a12er"><b>Hier ist der "div"-Container mit dem Namen <i>"a12er"</i></b></div>
...
</pre>

ergibt:

<div id="a12er"><b>Hier ist der "div"-Container mit dem Namen <i>"a12er"</i></b></div>

<br>
<br>
[[Bild:Rboettcher_RB_Bild_JS_Ausg_Bsp1.jpg|thumb|200px|rechts|]]
== Aufgabe: ==
 Gestalte die Ausgabe im div-Container wie in der nebenstehenden Abbildung ersichtlich. Verwende hierfür ausschließlich html-Tags ([http://de.selfhtml.org/navigation/html.htm selfhtml])! 
Bearbeite den Wert der Variable "test" und kontrolliere jeweils mit "speichern & ausführen" das Ergebnis!
Beachte im vorgegebenen Beispiel die Verwendung von '  'statt " ". Welches Problem würde sich ergeben, wenn man nicht " " durch '   ' ersetzen könnte?
p <br>
p <br>
p <br>
p <br>
p <br>
p <br>
p <br>
p <br>




<code id="54eb819630a7e">text="Das ist kursiver Text mit fettem Text mit rotem Text <font size='+3'>und </font> unterstrichenem Text mit Zeilenumbrüchen";</code>

<run id="54ea3d920e0ae" readonly nooutput>
document.getElementById("a12er").innerHTML = text;
</run>