Differences
This shows you the differences between two versions of the page.
Both sides previous revision Previous revision Next revision | Previous revision | ||
lehrkraefte:blc:informatik:ffprg1-2021:js:html-manip [2021/05/05 13:30] Ivo Blöchliger |
lehrkraefte:blc:informatik:ffprg1-2021:js:html-manip [2021/05/05 19:58] (current) Ivo Blöchliger |
||
---|---|---|---|
Line 9: | Line 9: | ||
In JavaScript: | In JavaScript: | ||
<code javascript> | <code javascript> | ||
- | // Element bestimmen. | ||
- | var el = document.getElementById(" | ||
let res = ""; | let res = ""; | ||
for (let i=1; i<21; i++) { | for (let i=1; i<21; i++) { | ||
res+=`< | res+=`< | ||
} | } | ||
- | el.innerHTML = res; | + | // Resultat auf HTML-Seite ausgeben. |
+ | document.getElementById(" | ||
</ | </ | ||
+ | Mehr zu [[https:// | ||
Es gibt weitere Methoden, Elemente auf einer Seite ausfindig zu machen, die aber für unsere Zwecke wohl noch nicht wichtig sind. | Es gibt weitere Methoden, Elemente auf einer Seite ausfindig zu machen, die aber für unsere Zwecke wohl noch nicht wichtig sind. | ||
Line 23: | Line 23: | ||
* [[https:// | * [[https:// | ||
+ | <WRAP todo> | ||
+ | Programmieren Sie ein Seite, die anzeigt, wie oft ein Knopf gedrückt wurde. | ||
+ | </ | ||
+ | <WRAP todo> | ||
+ | Programmieren Sie eine Seite, die zwei Knöpfe hat, womit sich die Hintergrundfarbe der Seite ändern lässt. | ||
+ | |||
+ | Hier erfahren Sie, wie der Stil eines HTML-Elements dynamisch geändert werden kann: https:// | ||
+ | </ |