Differences

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

--- lehrkraefte:blc:informatik:ffprg1-2024:raster-basics [2024/04/26 13:06]
Ivo Blöchliger [Einbinden von Knöpfen]
+++ lehrkraefte:blc:informatik:ffprg1-2024:raster-basics [2024/04/26 13:15]
Ivo Blöchliger [Bilder speichern und laden]
@@ Line 55: / Line 55: @@
 <code html>
   <button id="speichernknopf">Speichern</button>
+  <input type="text" id="bildtext">
+  <button id="ladenknopf">Laden</button>
 </code>
@@ Line 71: / Line 73: @@
         }
         console.log(bild);
+    }
+      let ladenKnopf = this.document.getElementById('ladenknopf');
+    ladenKnopf.addEventListener('click', laden);
+    function laden() {
+        let bild = document.getElementById('bildtext').value;
+        console.log(bild);
+        for (let i=0; i<bild.length; i++) {
+            let wert = Number(bild[i]);
+            let x = i % meinRaster.width;
+            let y = Math.floor(i/meinRaster.width);
+            meinRaster.setValue(x,y, wert)
+        }
     }
 </code>