Javascript-Ausgaben-Beispiel2

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>

== Hinweis: ==
Die Lösung der folgenden Aufgabe wäre in einer Zeile sehr unübersichtlich. In diesem Fall kann man sich den Wert der Variable ''inhalt'' auch durch Anfügen zusammenbauen. Zur Bedeutung der Anweisung ''inhalt+="irgendwas"'' siehe [Javascript-+=]!
<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'' (direkt unter dieser Aufgabe) und kontrolliere jeweils mit ''speichern & ausführen'' das Ergebnis!
* Beachte im vorgegebenen Beispiel (vorgegebener Wert der Variable ''text'') die Verwendung von '...' statt "...". 
* Welches Problem würde sich ergeben, wenn man nicht "..." durch '...' ersetzen könnte?

<code id="54eb819630a7e">inhalt="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 = inhalt;
</run>