D’ordinaire, pour payer 13 centimes, on donne une pièce de 10 centimes, une pièce de 2 centimes et une pièce de 1 centimes. Mais que faire lorsqu’on n’a qu’une pièce de 5 centimes et pas de pièce de 10 centimes ? Plus généralement, on peut se demander de combien de manières différentes on peut former 13 centimes...
Le principe est le même que dans cet article, mais au lieu de disques en CSS, la propriété « background-image » de CSS a été utilisée pour mettre des photos de vraies pièces, et augmenter ainsi le réalisme [1]. La tirelire est un ensemble (c’est-à-dire un objet dont la classe CSS est « ensemble ») appelé « coffre ». Alors on peut boucler sur les pièces qui sont dans cet ensemble et selon leur classe CSS, ajouter leur valeur à une variable richesse, qui, à la fin de la boucle, contient donc la somme stockée dans la tirelire :
richesse = 0
$("#coffre li").each (x) ->
if $(this).hasClass "p1" then richesse++
if $(this).hasClass "p2" then richesse+=2
if $(this).hasClass "p5" then richesse+=5
$(".economies").text richesseAprès ça, la variable richesse est affichée dans tous les éléments dont la classe CSS est « economies » (ici, il n’y en a qu’un, en bas de page).
Voici la version en ligne de l’application :
Mettre centimes dans la tirelire |
tirelire
La tirelire contient 0 centimes.
Commentaires