Javascript-Ausgaben-Beispiel1

Aus ProgrammingWiki
Archivierte Version vom 2015-02-25T18:35:00+00:00. Aktuelle Version
...
<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>
...

ergibt:

Hier ist der "div"-Container mit dem Namen "div1"
Hier ist der "div"-Container mit dem Namen "div2"
Hier ist der "div"-Container mit dem Namen "div3"

Aufgabe:

Gestalte die Ausgabe der drei div-Container wie in der nebenstehenden Abbildung ersichtlich. Verwende hierfür ausschließlich html-Tags (selfhtml)!

  • Beachte die Bezeichner div1, div2, div3 und t1, t2, t3! Kontrolliere jeweils mit speichern & ausführen das Ergebnis!





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



ergibt:
Hier ist der "div"-Container mit dem Namen "a12er"





Rboettcher_RB_Bild_JS_Ausg_Bsp1.jpg
Aufgabe:
Gestalte die Ausgabe im div-Container wie in der nebenstehenden Abbildung ersichtlich. Verwende hierfür ausschließlich html-Tags (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?




Javascript-Ausgaben-Beispiel2