lehrkraefte:blc:informatik:glf20:webtech-css-mit-js

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

lehrkraefte:blc:informatik:glf20:webtech-css-mit-js [2021/03/04 09:27] – created Ivo Blöchligerlehrkraefte:blc:informatik:glf20:webtech-css-mit-js [2021/03/10 08:22] (current) Ivo Blöchliger
Line 1: Line 1:
 +====== CSS-Manipulation mit JavaScript ======
 +JavaScript ist eine Programmiersprache, mit der ein Programm auf der Webseite im Browser gestartet werden kann. Dieses kann auf Eingaben, Mausklicks etc. reagieren und die Seite manipulieren (z.B. neue Dinge laden, Farben, Inhalt etc. ändern).
 +
 +Folgende Demos sind alle in einer einzigen HTML gehalten. Sobald aber die CSS-Definition und der JavaScript-Code grösser werden, lohnt es sich, die Seite auf mehrere Dateien aufzuteilen.
 +
 +  * Klasse vom Body-Element ein- und ausschalten: https://ofi.tech-lab.ch/2021/teach/d0571f1e/webdev/css-mit-js/demo01.html
 +  * Stil eines Elements manipulieren: https://ofi.tech-lab.ch/2021/teach/d0571f1e/webdev/css-mit-js/demo02.html
 +  * Inhalt dynamisch anzeigen oder verstecken, mit Möglichkeit von URL-Parametern: https://ofi.tech-lab.ch/2021/teach/d0571f1e/webdev/css-mit-js/demo03.html