Handzähler-Button
Ein verchromter Handzähler: Jeder Druck senkt den Stößel und dreht die Zahlenrollen um eins weiter.
Einstellungen
Code
<button class="uvq01-tly" type="button"><span class="win" aria-hidden="true"><span class="wh"><span class="col" style="--d:0"><i>0</i><i>1</i><i>2</i><i>3</i><i>4</i><i>5</i><i>6</i><i>7</i><i>8</i><i>9</i><i>0</i></span></span><span class="wh"><span class="col" style="--d:1"><i>0</i><i>1</i><i>2</i><i>3</i><i>4</i><i>5</i><i>6</i><i>7</i><i>8</i><i>9</i><i>0</i></span></span><span class="wh"><span class="col" style="--d:2"><i>0</i><i>1</i><i>2</i><i>3</i><i>4</i><i>5</i><i>6</i><i>7</i><i>8</i><i>9</i><i>0</i></span></span><span class="wh"><span class="col" style="--d:7"><i>0</i><i>1</i><i>2</i><i>3</i><i>4</i><i>5</i><i>6</i><i>7</i><i>8</i><i>9</i><i>0</i></span></span></span><span class="t">Applaudieren</span><span class="p1" aria-hidden="true">+1</span><span class="sr">127</span></button>Prompt für KI
Füg ihn in ChatGPT, Claude oder Cursor ein und der Baustein wird mit diesen Einstellungen an dein Projekt angepasst, auch ohne React.
Mehr aus Buttons
Alle ansehen: ButtonsWofür du ihn nutzen kannst
Handzähler zählen Besucher an der Tür oder Runden auf der Bahn, und dieser Button bildet das Gerät genau nach: Gehäuse aus gebürstetem Chrom, roter Stößel oben und vier Zahlenrollen hinter einem dunklen Fenster. Jeder Klick drückt den Stößel, dreht die Rollen mit leichtem Nachfedern, trägt von neun auf null über und lässt ein +1 aufsteigen. Ideal für Applaus, Abstimmungen, Likes oder Anwesenheit.
Die Hauptfarbe färbt den Stößel und das schwebende +1, die Zweitfarbe die Ziffern auf den Rollen. Die Zahl liegt im Skript, du kannst also mit eigenen Daten starten, und Screenreader hören die neue Summe als Teil des Button-Namens.