Scribd Logo
Importer

Bienvenue sur Scribd !

  • TP4 Java Script

    Transféré par

    mahmoud01 ayachi
    20 vues2 pages

    Titre original

    TP4JavaScript (1)

    Copyright

    © © All Rights Reserved

    Formats disponibles

    PDF, TXT ou lisez en ligne sur Scribd

    Avez-vous trouvé ce document utile ?

    Ce contenu est-il inapproprié ?

    Signaler ce document

    Droits d'auteur :

    © All Rights Reserved
    Téléchargez comme PDF, TXT ou lisez en ligne sur Scribd
    Signaler comme contenu inapproprié
    20 vues2 pages

    TP4 Java Script

    Transféré par

    mahmoud01 ayachi

    Droits d'auteur :

    © All Rights Reserved
    Téléchargez comme PDF, TXT ou lisez en ligne sur Scribd
    Signaler comme contenu inapproprié
    sur 2

    EPI DIGITAL SCHOOL

    TP4 Les bases de Javascript

    DUREE: 3H LOGICIEL UTILISE: VS code

    EXERCICE 1 : FONCTIONS JS
    Le but de cet exercice est de calculer à partir du prix unitaire d’un produit et de sa quantité,
    les informations suivantes :
    ✓ Le prix global = quantité * prix unitaire
    ✓ Le prix hors taxe=prix global/1.2
    ✓ La TVA =prix hors taxe * 0.2
    ✓ Et le prix TTC= prix hors taxe + tva

    Ensuite, il faut les afficher sous la forme suivante :


    PU Quantité Prix global Hors taxe TVA TTC
    25 10 250 208.33 41.66 249
    Travail demandé :
    1- Ecrire La fonction JavaScript Calcul(…) qui permet de calculer le prix global, le prix hors
    taxe, la tva et le TTC et les afficher sous forme d’un tableau.
    2- Ecrire le code Javascript qui permet de récupérer de l’utilisateur, à travers des fenêtres de
    dialogue le prix unitaire et la quantité.
    3- Faire appel à la fonction précédente.

    Indication
    La fonction Math.round(x*100)/100 permet d’arrondir le nombre x à deux chiffres après la virgule.

    EXERCICE 2 : OBJET ARRAY


    Le but est de créer un script permettant de personnaliser la couleur de fond d’une page web.
    Pour ce faire le code suivant a été proposé:
    <!DOCTYPE HTML>
    <html>
    <head>
    <script>
    function changeColor(color) {
    document.body.style.background = color;
    }
    </script>
    </head>
    <body style = "text-align:center;">
    1
    EPI DIGITAL SCHOOL

    <h1>exemple1<span style="color:red">avec</span>JavaScript</h1>
    <p><b>Cliquez sur le bouton pour changer la couleur du background.</b></p>
    <button onclick = "changeColor('blue');">Bleu</button>
    <button onclick = "changeColor('green');">Vert</button>
    <button onclick = "changeColor('red');">Rouge</button>
    <button onclick = "changeColor('yellow');">Jaune</button>
    </body>
    </html>

    1- Exécuter ce code
    2- Créer le tableau couleur contenant les couleurs suivantes : rouge, jaune, vert, bleu,
    blanc, violet, rose et orange.
    3- Créer le tableau color contenant, par ordre, l’équivalent en anglais des couleurs du
    tableau précédent.
    4- Donner une deuxième version de ce code permettant de demander à l’utilisateur de
    taper le nom d’une couleur de fond.

    5- Ajouter un seul bouton permettant de Changer la couleur de fond selon le choix de


    l’utilisateur

    EXERCICE 3 OBJET DATE

    Créer la page suivante qui permet d’afficher la date et l’heure. Utiliser un tableau pour les jours
    de la semaine et un tableau pour les mois.

    Vous aimerez peut-être aussi