Jeu 4

Idée générale

Il s'agit tous de placer aléatoirement des chiffres sur une ligne formé de 6 cases. Il y a 2 lignes de case contenant des nombres : la première ligne sert à placer dans l'ordre croissant ou décroissant les chiffres et la deuxième ligne sert à avoir les nombre aléatoires de base. Il y a 2 bouton qui permettront de choisir le type d'ordre : soit croissant soit décroissant.

Code Javascript

ca1_jeu4 = Math.floor(MathRandom)()15)+1: ici la fonction va chercher un nombre au hasard grâce à la fonction Math.floor. La valeur de cette case sera transmis à ca1. le + 1 à la fin de la variable permet de ne pas avoir de valeur égal à zéro. Le nombre 15 dans la fonction permet de limiter le nombre jusqu'à 15. Le jeu4 après le underscore permet de dire que cette variable appartient au jeux, pas qu'elle un autre élément du code

En bas de chaque fonction, on a la boucle :
while (ca2 == ca1)
ca1 = Math.floor(MathRandom)()15)+1
La boucle permet ici d'éviter d'avoir plusieurs même nombres dans les cases. Explication : tant que ca2 == ca1, on va chercher un autre nombre aléatoire jusqu'à ce nombre soit différent. C'est la même chose pour les cases suivant mais on rajoute en plus dans la condition les autres ca permet en plus pour éviter d'avoir toujours le même nombre

var ca1_jeu4 = ' '; , var ca2_jeu4 = ' '; var ca3_jeu4 = ' '; var ca4_jeu4 = ' '; var ca5_jeu4 = ' '; var ca6_jeu4 = ' '; : Ces variables permettent pour chaque des les initialiser avec une valeur vide pour pouvoir mettre des nombres aléatoires plus tard. On mettant rien en les ' ' , cela permet d'initialiser les valeurs.

$Button.(casa1_jeu4)Click.function())
selection_jeu4=button#case1_jeu4
Cette fonction permet de prendre l'id d'une case pour la mettre dans la fonction

Il faut différencier les variables case et casa : case c'est les case en haut qui permettent de placer les nombre et casa, c'est les case en bas qui permettent d'avoir une suite de nombre aléatoire à placer.

Code CSS

Pour le CSS, on a séparé le cadre principal en deux partie : id = "cadrehaut et id="cadrebas". Cadrehaut est pour les cases où sont placés les nombres et cadrebas pour les bouton du bas qui permettent d'avoir une suite de nombre.

HTML

Le html est le code le moins lourd, car tous le travail se fait sur le CSS pour le placement et le javascript pour la programmation. la page est séparé en deux div : un pour case et pour casa : id="cadrehaut" et id="cadrebas". On a préféré utilisé des balises car on a decidé d'utiliser la sélection pour le jeux au lieu du "drag and drop" qui bugait trop.