dab

// tableau contenant les prix des différentes références de macarons
// le contenu de ce tableau pourra être récupéré sur le serveur dans une prochaine version
var prixUnitaires = [0.50,0.70,0.80,0.80,0.90,0.70,0.90,0.90,1,0.90,1,0.80];

// fonction de formatage d'un prix
// voir : https://stackoverflow.com/questions/149055/how-can-i-format-numbers-as-dollars-currency-string-in-javascript
function formatMoney(amount, decimalCount = 2, decimal = ",") {
    try {
      decimalCount = Math.abs(decimalCount);
      decimalCount = isNaN(decimalCount) ? 2 : decimalCount;
      let i = parseInt(amount = Math.abs(Number(amount) || 0).toFixed(decimalCount)).toString();
      let j = (i.length > 3) ? i.length % 3 : 0;
      return  (j ? i.substr(0, j) + ' ' : '') + i.substr(j).replace(/(\d{3})(?=\d)/g, "$1" + ' ') + (decimalCount ? decimal + Math.abs(amount - i).toFixed(decimalCount).slice(2) : "");
    } catch (e) {
    }
}

// cette fonction se charge de modifier le tableau de commande lorsque l'utilisateur fait un choix de quantité
function changeQuantité( reference ) {
    // récupère la quantité saisie par l'utilisateur
    var quantite = document.getElementById("quantite_" + reference).value;
    // reporte cette quantité dans le tableau de commande
    document.getElementById("commandeQuantite_" + reference).innerHTML = quantite;
    // met à jour la dernière colonne du tableau (calcul du prix)
    document.getElementById("commandePrixReference_" + reference).innerHTML = formatMoney(quantite * prixUnitaires[reference]);
}

// Cette fonction (qui est appelée une fois que la page Web est chargée) fait les choses suivantes :
// a) elle écrit 0,00 € dans chaque case de la dernière colonne du tableau de commande
// b) elle écrit le prix unitaire de chaque référence sous chaque photo
// c) elle écrit le prix unitaire de chaque référence dans le tableau de commande
function affichePrix() {
    // Pour chacun des 12 références de la n°0 à la n°11 :
        // a) écrire 0,00 € dans chaque case de la dernière colonne du tableau de commande
        // À FAIRE
        // b) écrire le prix unitaire de chaque référence sous chaque photo
        // À FAIRE
        // c) écrire le prix unitaire de chaque référence dans le tableau de commande
        // À FAIRE
}

/*
//////////////////////////////////////////////////////////////////////////////////////////////////////////////
Je te re-passe le relai dans ce projet. Voilà quelques informations pour toi :

    1) Dans le code source HTML, j'ai ajouté des parfums de macarons à la demande du chef de projet.
    Si tu regardes bien en haut de ce fichier, à la ligne 3, j'ai indiqué les prix de chaque référence
    dans la variable qui se nomme "prixUnitaires".

    2) Comme les prix risquent de changer de temps en temps, le chef de projet ne veut voir aucun prix dans le HTML.
    Je les ai retirés. TU DOIS programmer leur affichage en Javascript : lis bien la suite, j'ai commencé le travail !
    Je t'ai créé la fonction "afficherPrix" (elle est exécutée une fois la page affichée,
    grâce à ce que j'ai écrit dans la balise <body>). Je n'ai pas eu le temps de terminer mais j'ai déjà fait une part ennuyeuse
    du travail : dans le HTML, j'ai ajouté des balises comme <span id="prixUnitaireReference_0"></span>
    et <span id="commandePrixUnitaireReference_0"></span>.
    TU DOIS t'en servir pour écrire les prix dedans !
    En RÉSUMÉ, TU DOIS faire a) b) et c) pour chaque parfum ! Bon courage !

    3) Je pense que tu peux gagner du temps avec une boucle "for", cherche sur Internet comment il faut faire.

Quand tu auras fait tout cela, montre-le au chef de projet pour valider ton travail, il aura encore d'autres choses
à te demander.
///////////////////////////////////////////////////////////////////////////////////////////////////////////////
*/