Générateur de gammes et accords

Créé en JavaScript, CSS et HTML

Comment utiliser l'outil

Générer une gamme choisie

Choisissez le type de gamme, la note source ainsi que le type de note et cliquez sur le bouton Générer pour afficher la gamme de votre choix.

Générer une gamme aléatoire

Il suffit de cliquer sur le bouton dans le haut de la page, et le reste se fait par programmation! Vous aller maintenant avoir une gamme générer aléatoirement accompanger par ses accords correspondants!

Comment ça fonctionne

Le programme est génere une note aléatoire (d'un total de 17) et un type de gamme aléatoire (d'un total de 2 pour le moment). Ensuite, il parcours le DOM HTML de chacun des pianos et surligne les notes qui sont associées à la note source ainsi qu'au type de gamme. Pas plus compliqué que ça!

S'approprier le projet

• Cloner le projet dans l'IDE de votre choix
• Le projet est constitué d'un fichier HTML où la srutcture du site se situe, deux fichiers CSS, un pour les styles générales et un autre pour stylisé spécifiquement les petits pianos qui affichent les accords et finalement il y a un fichier index.js qui contrôle le génération aléatoire de la gamme et des accords.
• Il serait important de se familiariser le plus possible avec la manipulation d'éléments DOM avant de commencer pour avoir une meilleure compréhension du projet.