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