L’exercice est celui dont la fabrication est relatée ici. On peut modifier les textes décrivant les nombres pour s’adapter au niveau où on veut soumettre l’exercice (par exemple, -1 à la place de 2-3 en Cinquième). Pour cela, il faut tout de même éditer le fichier html (les objets à classer sont de classe « nombre »).
Pour l’affichage de la barre de progression, l’algorithme suivant est utilisé :
- La variable n est initialisée à 0
- une boucle est effectuée sur tous les éléments x de l’ensemble des nombres négatifs (« #negs div ») : Si, pour l’élément x, son contenu (qui est du texte) est négatif, alors n est incrémenté ; à ce stade, n contient le nombre d’éléments négatifs bien classés ;
- une boucle similaire est ensuite effectuée dans l’ensemble des nombres positifs : Incrémentation de n chaque fois que l’un des éléments x est effectivement positif ; après cette boucle, n contient le nombre d’éléments déjà bien classés ;
- on demande à la barre de progression (« triche ») d’afficher le décuple de n (qui est le pourcentage d’éléments déjà bien classés, parce qu’il y a en tout 10 éléments à classer) ;
- on affiche le pourcentage dans l’élément « label »
En Coffee, cela donne
n=0
$("#negs div").each (x) ->
if eval($(this).text())<0 then n++
$("#poss div").each (x) ->
if eval($(this).text())>0 then n++
$("#triche").progressbar
value: 10*n
$(".label").text(10*n+'%')
Ranger les nombres dans leurs maisons respectives
négatifs
positifs
Progression:
Commentaires