Exercice n°01 : « Saisie Basique » L’objectif est d’ajouter des fonctions JavaScript à la page TP4.HTML pour pouvoir éditer un devis. La table du devis est identifiée par tableDevis tandis que celle du stock est identifiée par tableStock. 1. La fonction majDate() doit être appelée au chargement de la page. Elle doit récupérer la date actuelle (via new Date()) et la mettre dans le champs correspondant à la date du devis. Pour modifier la valeur de ce dernier, utilisez la propriété valueAsDate au lieu de value. 2. La fonction quantiteActuelle(refArticle) prend en entrée la référence d’un article et retourne sa quantité actuelle dans le stock, ou -1 si la référence n’existe pas dans la table de stock. 3. La fonction nomArticle(refArticle) prend en entrée la référence d’un article et retourne le nom de l’article correspondant à cette référence dans la table de stock. La fonction prixArticle(refArticle) doit être implémentée de la même manière pour retourner le prix de l’article. 4. La fonction majQuantite(nomArticle, valeur) prend en entrée le nom d’un article et ajoute valeur à sa quantité actuelle dans le stock. 5. La fonction ajouterArticle() doit demander à l’utilisateur de saisir la référence de l’article à ajouter et la quantité à acheter. Un message d’erreur personnalisé doit être affiché si : a) l’article n’existe pas ; b) l’article est en rupture de stock ; ou c) la quantité à acheter dépasse sa quantité actuelle. Si aucune erreur n’est détectée alors le nouvel article doit être ajouté à la table de devis (insertion à la fin) et son numéro doit être égal au nombre d’articles existants dans la table de devis + 1. Une fois l’insertion faite, la quantité de l’article doit être mise à jour dans la table de stock. 6. La fonction supprimerArticle() doit supprimer un article de la table de devis dont le numéro est saisi par l’utilisateur. Un message d’erreur doit être affiché si le numéro n’existe pas dans la table de devis. La suppression doit être précédée par un message de confirmation du genre « Voulez-vous vraiment supprimer l’article Clavier lumineux ? ». Une fois l’article est supprimé de la table de devis, sa quantité doit être restituée dans la table de stock. 7. La suppression peut causer un désordre dans les numéros d’articles dans la table de devis, pour cela une fonction majNumeros() doit être implémentée pour mettre les numéros dans l’ordre (1,2,3,....). Cette fonction doit être appelée après chaque suppression. 8. La fonction majResume() est appelée après une modification faite soit sur la table de devis (insertion ou suppression d’articles) ou sur le champ de TVA. Elle doit calculer le nombre d’articles, le total hors taxe et le total à payer. Le total à payer est donné par le total hors taxe + coûts de TVA de tous les articles. Année Universitaire 2022-2023 2ème Année Licence Informatique DAW (Développement d’Applications Web) Université Abou Bekr-Belkaïd – Tlemcen Faculté des Sciences Département d’Informatique TP 4 : Manipulation de la DOM HTML avec JavaScript

<div class="container" id="main">
        <div class="row">
            <div class="col">
                <span>Nom: </span>
                <input type="text" value="Doe" />
            </div>
            <div class="col">
                <span>Prénom: </span>
                <input type="text" value="John" />
            </div>
        </div>
    </div>
    <div class="container" id="main">
        <div class="row">
            <div class="col">
                <span>Nom: </span>
                <input type="text" value="Doe" />
            </div>
            <div class="col">
                <span>Prénom: </span>
                <input type="text" value="John" />
            </div>
        </div>
        <div class="row">
            <div class="col">
                <span>Nom: </span>
                <input type="text" value="Doe" />