https://fginfo.ksbg.ch Fachgruppe Informatik der KSBG - kurse:ef05a-2021:js:projekte

calculator

Anonymous (anonymous@undisclosed.example.com) — 2022-03-05T15:07:27+00:00

Taschenrechner 2 Varianten von Rechnern: * Taschenrechner (Tasten mit Zahlen, Operationen) * UI aufwendiger, Logik einfach. * Eingabe einer Rechnung (wie z.B. 3+4*5) * UI einfach, Logik anspruchsvoll, ausser man benutzt einfach 'eval' ;-)

jumpnrun

Anonymous (anonymous@undisclosed.example.com) — 2022-03-05T15:21:43+00:00

Jump'n run * Position von HTML-Elementen (img, div mit Inhalt, etc.). * mit CSS position:absolute und mit left:10px und top:100px werden die Koordinaten eines Elements gesetzt. Direkt von Javascript aus: meinObjekt.style.left = 30; * Auslesen der Tasten:

memory

Anonymous (anonymous@undisclosed.example.com) — 2022-03-05T14:50:28+00:00

Memory * $n$ Kärtchen. * Datenstrukturen: * Array mit $2n$ Einträgen wobei jede Zahl von 0 bis $n-1$ genau 2 Mal vorkommt. (Wo welche Karte liegt) * Array mit $2n$ Einträgen wobei jeder Eintrag (true) bereits offen oder (false) noch geschlossen ist. (Man könnte auch einfach -1 im ersten Array speichern)$k$$i = 0$$k-1$$p$$i$$k-1$$i$$p$

mouseevents

Anonymous (anonymous@undisclosed.example.com) — 2022-03-23T06:24:01+00:00

Maus-Interaktion * Dinge animieren, siehe Jump'n Run * Mouse-Events: * Achtung: Es nicht garantiert, dass z.B. auf ein mouseenter ein mouseleave folgt. * Es gibt entsprechende Touch-Events: * Die Koordinatenumrechnung ist nicht offensichtlich. Folgender Code hat bei mir funktioniert (sowohl am PC wie auf dem Smartphone):

snake

Anonymous (anonymous@undisclosed.example.com) — 2022-03-05T15:52:01+00:00

Snake Minimalversion: Schlange wird immer länger (zieht den Schwanz nicht nach). * Datenstruktur: 2-dimensionales Array $n \times n$ const n = 20; // legt ein n mal n Array an, mit Nullen gefüllt. let feld = (new Array(n)).fill(0).map(()=>(new Array(n)).fill(0)) $n \times n$