Bouton compteur manuel
Un compteur à main chromé : chaque appui enfonce le poussoir et fait avancer les molettes de chiffres d'un cran.
Réglages
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">Applaudir</span><span class="p1" aria-hidden="true">+1</span><span class="sr">127</span></button>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.
Plus dans Boutons
Voir tout : BoutonsOù l’utiliser
Les compteurs à main servent à compter les entrées d'une salle ou les tours de piste, et ce bouton reproduit l'objet de près : boîtier chromé, poussoir rouge sur le dessus et quatre molettes de chiffres derrière une fenêtre sombre. Chaque clic enfonce le poussoir, fait tourner les molettes avec un léger rebond, reporte du neuf au zéro et fait monter un +1. Pour les applaudissements, votes ou présences.
La couleur principale teinte le poussoir et le +1 flottant, la secondaire les chiffres des molettes. Le nombre vit dans le script, vous pouvez donc partir de vos propres données, et les lecteurs d'écran entendent le nouveau total dans le nom du bouton.