surprise

Mit einem KI-Werkzeug wie ChatGPT generieren wir Code für einen Button. Wird der Button geklickt, soll etwas Überraschendes passieren.

Ideal:

• der Button kann immer wieder geklickt werden
• bei jedem Klicken passiert etwas, das sich leicht von der vorangegangenen „Überraschung“ unterscheidet

Tipps

Anfang des initialen Prompts, damit getrennt HTML, CSS und JS generiert werden:

Generiere getrennt:
HTML (nur innerhalb des body)
CSS
JS

Beispielprompt:

Generiere getrennt:
HTML (nur innerhalb des body)
CSS
JS

Ein ungestalteter <button> zentriert auf der Webseite (vertikal & horizontal).
Text: "Surprise me"

Wenn der Button geklickt wird, fällt er von der Ausgangposition aus nach unten, bis er wie ein Ball auf dem unteren Rand des Browsers aufprallt und nach einigen wenigen Hüpfern liegen bleibt. Berechne exakt die Positon des Buttons und den unteren Rand des Browsers

Was ein Button noch so kann…

• Make Everything Ok
• studio Moniker: Click Click Click
• Establishing secure connection...