HTML + CSSBoutons

Bouton cible de tir à l'arc

Cliquez sur la cible et une flèche se plante pile où vous visiez ; chaque volée de trois flèches additionne son score.

Réglages

16px
1x

Code

<div class="uvq01-arc"><button class="tg" type="button" aria-label="Tirer une flèche"></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 pour l’IA

Collez-le dans ChatGPT, Claude ou Cursor : le bloc sera adapté à votre projet avec ces réglages, même sans React.

Version Markdown avec tout le code, pour les assistants IA

Plus dans Boutons

Voir tout : Boutons

Où l’utiliser

Une cible de tir à l'arc ronde aux anneaux or, rouge, bleu, noir et blanc dans un cadre couleur paille. Chaque clic tire une flèche qui se plante là où était le pointeur, vue de dos avec son empennage, et la cible tremble à l'impact. L'anneau donne les points, trois cases se remplissent et le total est annoncé. Un quatrième tir vide la volée.

La couleur principale est l'empennage et la secondaire le centre doré, pour reprendre les couleurs d'une équipe. Au clavier, Entrée ou Espace tirent près du centre avec un peu de dispersion, et le mouvement réduit supprime le vol de la flèche.