add js basics demos: console, arrays, objects, loops

slides/223015c/03-interaktivitaet-javascript.md

@@ -208,6 +208,8 @@ Fehler werden hier auch angezeigt
 
 # Variablen: Daten speichern
 
+![bg right:35%](./assets/demos/js-console.png)
+
 ```javascript
 // Modern (empfohlen)
 let age = 25;              // Kann geändert werden
@@ -260,6 +262,8 @@ Template Literals mit Backticks!
 
 # Arrays: Listen
 
+![bg right:35%](./assets/demos/js-arrays.png)
+
 ```javascript
 const colors = ["red", "green", "blue"];
 
@@ -284,6 +288,8 @@ Arrays sind veränderbar auch bei const
 
 # Objects: Strukturierte Daten
 
+![bg right:35%](./assets/demos/js-objects.png)
+
 ```javascript
 const person = {
     firstName: "Max",
@@ -413,6 +419,8 @@ Code-Block in geschweiften Klammern
 
 # Schleifen: Wiederholen
 
+![bg right:35%](./assets/demos/js-loops.png)
+
 ```javascript
 // for-Schleife
 for (let i = 0; i < 5; i++) {