HTML + CSSButtons

Bogenscheiben-Button

Klicke auf die Scheibe, und ein Pfeil steckt genau dort, wohin du gezielt hast; jede Passe aus drei Pfeilen wird zusammengezählt.

Einstellungen

16px
1x

Code

<div class="uvq01-arc"><button class="tg" type="button" aria-label="Pfeil schießen"></button><span class="sc" aria-hidden="true"><b class="s">-</b><b class="s">-</b><b class="s">-</b><span class="tl">Summe</span><b class="sum">0</b></span><span class="sr" role="status"></span></div>

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.

Markdown-Version mit dem ganzen Code, für KI-Assistenten

Mehr aus Buttons

Alle ansehen: Buttons

Wofür du ihn nutzen kannst

Eine runde Bogenscheibe mit goldenen, roten, blauen, schwarzen und weißen Ringen in einem strohfarbenen Rahmen. Jeder Klick schießt einen Pfeil, der dort steckt, wo der Zeiger war, von hinten mit seinen Federn zu sehen, und die Scheibe wackelt beim Treffer. Der Ring bestimmt die Punkte, drei Felder füllen sich und die Summe wird angesagt. Ein vierter Schuss leert die Passe.

Die Hauptfarbe sind die Federn, die Zweitfarbe die goldene Mitte, so passen auch Vereinsfarben. Per Tastatur schießen Enter oder Leertaste nahe der Mitte mit etwas Streuung, bei reduzierter Bewegung fällt der Pfeilflug weg.