https://ccwiki.digitalcampusvorarlberg.at/index.php?action=history&feed=atom&title=DCV_2023_03%2FHtml_Css_Javascript 2026-04-15T01:52:04Z Versionsgeschichte dieser Seite in CCWiki MediaWiki 1.45.3 https://ccwiki.digitalcampusvorarlberg.at/index.php?title=DCV_2023_03/Html_Css_Javascript&diff=2956&oldid=prev 2023-06-15T11:25:40Z

<p><span class="autocomment">Aufgabe: Javascript Remove Element</span></p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="de"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Nächstältere Version</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Version vom 15. Juni 2023, 11:25 Uhr</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l18">Zeile 18:</td> <td colspan="2" class="diff-lineno">Zeile 18:</td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>[[Datei:Javascript add and remove element.gif|mini|ohne|Javascript Element löschen]]</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>[[Datei:Javascript add and remove element.gif|mini|ohne|Javascript Element löschen]]</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>==== Aufgabe: <del style="font-weight: bold; text-decoration: none;">Javascript Remove Element </del>====</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>==== Aufgabe: <ins style="font-weight: bold; text-decoration: none;">Taschenrechner </ins>====</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>{{DirectoryToUse|&#039;&#039;&#039;html/[Name]/javascript/&#039;&#039;&#039;}}</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>{{DirectoryToUse|&#039;&#039;&#039;html/[Name]/javascript/&#039;&#039;&#039;}}</div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>Erstelle einen einfachen Taschenrechner.</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>Erstelle einen einfachen Taschenrechner <ins style="font-weight: bold; text-decoration: none;">in Html mit Javascript der die Grundrechenarten beherrscht</ins>.</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>[[Datei:Calc.png|mini|ohne|Taschenrechner]]</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>[[Datei:Calc.png|mini|ohne|Taschenrechner]]</div></td></tr> </table>

Drlue https://ccwiki.digitalcampusvorarlberg.at/index.php?title=DCV_2023_03/Html_Css_Javascript&diff=2955&oldid=prev 2023-06-15T11:24:17Z

<p></p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="de"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Nächstältere Version</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Version vom 15. Juni 2023, 11:24 Uhr</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l21">Zeile 21:</td> <td colspan="2" class="diff-lineno">Zeile 21:</td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>{{DirectoryToUse|&#039;&#039;&#039;html/[Name]/javascript/&#039;&#039;&#039;}}</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>{{DirectoryToUse|&#039;&#039;&#039;html/[Name]/javascript/&#039;&#039;&#039;}}</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Erstelle einen einfachen Taschenrechner.</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Erstelle einen einfachen Taschenrechner.</div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>[[Datei:<del style="font-weight: bold; text-decoration: none;">Javascript add and remove element</del>.<del style="font-weight: bold; text-decoration: none;">gif</del>|mini|ohne|Taschenrechner]]</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>[[Datei:<ins style="font-weight: bold; text-decoration: none;">Calc</ins>.<ins style="font-weight: bold; text-decoration: none;">png</ins>|mini|ohne|Taschenrechner]]</div></td></tr> </table>

Drlue https://ccwiki.digitalcampusvorarlberg.at/index.php?title=DCV_2023_03/Html_Css_Javascript&diff=2953&oldid=prev 2023-06-15T11:22:31Z

<p></p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="de"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Nächstältere Version</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Version vom 15. Juni 2023, 11:22 Uhr</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l17">Zeile 17:</td> <td colspan="2" class="diff-lineno">Zeile 17:</td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Erweitere das vorhergehende Beispiel um die Möglichkeit ein Element wieder zu löschen.</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Erweitere das vorhergehende Beispiel um die Möglichkeit ein Element wieder zu löschen.</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>[[Datei:Javascript add and remove element.gif|mini|ohne|Javascript Element löschen]]</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>[[Datei:Javascript add and remove element.gif|mini|ohne|Javascript Element löschen]]</div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"></ins></div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">==== Aufgabe: Javascript Remove Element ====</ins></div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">{{DirectoryToUse|'''html/[Name]/javascript/'''}}</ins></div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">Erstelle einen einfachen Taschenrechner.</ins></div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">[[Datei:Javascript add and remove element.gif|mini|ohne|Taschenrechner]]</ins></div></td></tr> </table>

Drlue https://ccwiki.digitalcampusvorarlberg.at/index.php?title=DCV_2023_03/Html_Css_Javascript&diff=2952&oldid=prev 2023-06-15T08:39:21Z

<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]]</div>

Drlue