Salle 01 Aile A · Gestes et boutons
Le bouton muet
Un bouton qui ne dit rien : on reclique, la commande part trois fois.
0 salle visitée sur 37
Version ratée
À vous : Validez la commande. Cliquez autant de fois que nécessaire pour être sûr que ça a marché.
En coulisses : 0 commande(s) créée(s)
Voir le code, avant et après
Version ratée
<button class="btn btn-primary" onclick="envoyer()">
Cliquez ici
</button>Version corrigée
<button class="btn btn-primary disabled" id="btn-bien-boutons" data-r="btn">Cliquez ici</button>
<p class="backstage">Commande envoyée</p>
<script>
envoi.addEventListener('click', async () => {
envoi.disabled = true;
envoi.textContent = 'Envoi…';
await envoyer();
envoi.textContent = '✓ Envoyé !';
});
</script>.btn.btn-primary:disabled {
background: #38a169;
cursor: not-allowed;
opacity: 0.8;
}
.btn.btn-primary::after {
content: '✓';
margin-left: 0.5rem;
}