Archery target button
Click the target and an arrow sticks exactly where you aimed; every end of three arrows adds up its score.
Settings
Code
<div class="uvq01-arc"><button class="tg" type="button" aria-label="Shoot arrow"></button><span class="sc" aria-hidden="true"><b class="s">-</b><b class="s">-</b><b class="s">-</b><span class="tl">Total</span><b class="sum">0</b></span><span class="sr" role="status"></span></div>Prompt for AI
Paste it into ChatGPT, Claude or Cursor and it will adapt the block to your project with these settings, even if you don’t use React.
More in Buttons
See all ButtonsWhere to use it
A round archery target with gold, red, blue, black and white rings inside a straw-colored frame. Each click fires an arrow that lands where the pointer was, seen from behind with its fletching, and the target shakes on impact. The ring decides the points, three slots below fill up and the total is announced. A fourth shot clears the end. Fun for sports clubs, games and goal trackers.
The main color is the fletching and the secondary color is the gold center, so you can match team colors. With the keyboard, Enter or Space shoots close to the center with a little random spread, and reduced motion removes the arrow flight.