https://ccwiki.digitalcampusvorarlberg.at/index.php?action=history&feed=atom&title=DCV_2023_09%2FHtml_Css_Javascript 2026-04-14T14:50:28Z Versionsgeschichte dieser Seite in CCWiki MediaWiki 1.45.3 https://ccwiki.digitalcampusvorarlberg.at/index.php?title=DCV_2023_09/Html_Css_Javascript&diff=2968&oldid=prev 2023-08-17T09:41:54Z

<p>Die Seite wurde neu angelegt: „==== Aufgabe: Javascript Clicker ==== {{DirectoryToUse|&#039;&#039;&#039;html/[Name]/javascript/&#039;&#039;&#039;}} Erstelle eine simple Website, wird auf den Button geklickt so soll in einem Text angezeigt werden wie oft der Button geklickt wurde. <a href="/index.php/Datei:Javascript_clicker.gif" title="Datei:Javascript clicker.gif">mini|ohne|Javascript Clicker Beispiel</a> ==== Aufgabe: Javascript Clicker Persistant ==== {{DirectoryToUse|&#039;&#039;&#039;html/[Name]/javascript/&#039;&#039;&#039;}} Erweitere das vorhergehende Beispiel um die dauerhafte Speicherung de…“</p> <p><b>Neue Seite</b></p><div>==== Aufgabe: Javascript Clicker ====<br /> {{DirectoryToUse|&#039;&#039;&#039;html/[Name]/javascript/&#039;&#039;&#039;}}<br /> Erstelle eine simple Website, wird auf den Button geklickt so soll in einem Text angezeigt werden wie oft der Button geklickt wurde.<br /> [[Datei:Javascript clicker.gif|mini|ohne|Javascript Clicker Beispiel]]<br /> <br /> ==== Aufgabe: Javascript Clicker Persistant ====<br /> {{DirectoryToUse|&#039;&#039;&#039;html/[Name]/javascript/&#039;&#039;&#039;}}<br /> Erweitere das vorhergehende Beispiel um die dauerhafte Speicherung des Counters. Dafür soll die &#039;&#039;&#039;Storage API&#039;&#039;&#039;[https://developer.mozilla.org/en-US/docs/Web/API/Web_Storage_API/Using_the_Web_Storage_API] verwendet werden.<br /> <br /> ==== Aufgabe: Javascript Add Element ====<br /> {{DirectoryToUse|&#039;&#039;&#039;html/[Name]/javascript/&#039;&#039;&#039;}}<br /> Erstelle eine simple Website, wird auf den Button geklickt so soll nun ein HTML Element mit dem Zeitpunkt des Klicks hinzugefügt werden.<br /> [[Datei:Javascript add element.gif|mini|ohne|Javascript Element hinzufügen]]<br /> <br /> ==== Aufgabe: Javascript Remove Element ====<br /> {{DirectoryToUse|&#039;&#039;&#039;html/[Name]/javascript/&#039;&#039;&#039;}}<br /> Erweitere das vorhergehende Beispiel um die Möglichkeit ein Element wieder zu löschen.<br /> [[Datei:Javascript add and remove element.gif|mini|ohne|Javascript Element löschen]]<br /> <br /> ==== Aufgabe: Taschenrechner ====<br /> {{DirectoryToUse|&#039;&#039;&#039;html/[Name]/javascript/&#039;&#039;&#039;}}<br /> Erstelle einen einfachen Taschenrechner in Html mit Javascript der die Grundrechenarten beherrscht.<br /> [[Datei:Calc.png|mini|ohne|Taschenrechner]]</div>

Drlue