Javascript-Ausgaben-Beispiel1

Wiki-Quelltext dieser Seite.

<language>Javascript</language>
<pre>
...
<div id="div1"><b>Hier ist der "div"-Container mit dem Namen <i>"div1"</i></b></div>
<div id="div2"><b>Hier ist der "div"-Container mit dem Namen <i>"div2"</i></b></div>
<div id="div3"><b>Hier ist der "div"-Container mit dem Namen <i>"div3"</i></b></div>
...
</pre>
ergibt:
<div id="div1"><b>Hier ist der "div"-Container mit dem Namen <i>"div1"</i></b></div>
<div id="div2"><b>Hier ist der "div"-Container mit dem Namen <i>"div2"</i></b></div>
<div id="div3"><b>Hier ist der "div"-Container mit dem Namen <i>"div3"</i></b></div>
[[Bild:Rboettcher_Rboettcher_RB_Bild_JS_Ausg_Bsp2.jpg|thumb|200px|rechts|]]
== Aufgabe: ==
Gestalte die Ausgabe der drei div-Container wie in der nebenstehenden Abbildung ersichtlich. In der 3. Zeile soll das Script selbst das Ergebnis der Addition bestimmen!
* Beachte die Bezeichner ''div1, div2, div3'' und ''t1, t2, t3''! 
* Bearbeite die Werte der Variablen ''t1, t2'' und ''t3''! Kontrolliere jeweils mit ''speichern & ausführen'' das Ergebnis!
* <b>Beachte, dass nur Textausgaben durch "..." ausgezeichnet werden!</b>

<code id="54ee13400b4e1">
t1="Text";
t2="Text";
t3="Text";
</code>

<run id="54ee13400b626" readonly nooutput>
document.getElementById("div2").innerHTML = t3;
document.getElementById("div1").innerHTML = t2;
document.getElementById("div3").innerHTML = t1;
</run>

[[Javascript-Ausgaben-Beispiel2]]