Scribd Logo
Importer

Bienvenue sur Scribd !

  • Exercice 1: Travail Demandé

    Transféré par

    Lazhar Noomen
    44 vues3 pages

    Titre original

    TP5

    Copyright

    © © All Rights Reserved

    Formats disponibles

    DOCX, 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 DOCX, PDF, TXT ou lisez en ligne sur Scribd
    Signaler comme contenu inapproprié
    44 vues3 pages

    Exercice 1: Travail Demandé

    Transféré par

    Lazhar Noomen

    Droits d'auteur :

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

    Programmation Web2 TP5

    Exercice 1
    L'ordinateur choisit un nombre entre 0 et 100; l'utilisateur essaie de le deviner en faisant des
    propositions; à chaque fois l'ordinateur indique si le nombre proposé est trop grand ou trop petit.
    Une fois deviné l’ordinateur affiche le nombre de tentatives
    Remarque pour choisir un numéro aléatoire on utilise la fonction random de Math
    Pour rendre un nombre réel en entier on utilise la fonction round de Math
    nb= Math.random() * 20;  0<=nb<20 exemple 11.86221894
    nb=Math.round(nb);  nb= 12

    Exercice2

    Ayant le code HTML suivant :

    <!DOCTYPE html>
    <html>
    <head>
    <title>Didactitiel : apprentissage nom d'animaux</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width">
    </head>
    <body> <div> <h2>cliquer sur la bonne image</h2>
    <table> <tr><td><img src='img/chien.gif' width='100'
    height="100"></td>
    <td><img src='img/elephant.gif' width='100' height="100"></td>
    <td><img src='img/grenouille.gif' width='100' height="100"></td>
    <td><img src='img/lion.gif' width='100' height="100" ></td></tr>
    <tr><td><img src='img/mouton.gif' width='100' height="100"></td>
    <td><img src='img/ours.gif' width='100' height="100"></td>
    <td><img src='img/rat.gif' width='100' height="100"></td>
    <td><img src='img/renard.gif' width='100' height="100"></td></tr>
    </table>
    <input type="text" name="nom" value="Lion" disabled>
    </div> </body></html>

    Travail demandé
    1-Ajouter un script JavaScript qui permet d’afficher une boite de message (alert) « bonne réponse »
    selon que le choix de l’utilisateur est correct ou non. Le choix se fait sur clique sur la bonne image.
    2-modifier le code javascript maintenant de façon que lors du passage du souris sur une image on
    affiche le nom de l’animal (dans la zone de texte) (événement onMouseOver)

    1
    Programmation Web2 TP5

    3-ajouter et tester ce code à la fin <A HREF="" onmouseOver="alert('alloooo')"


    onmouseOut="alert('Au revoir')">Test lien</A>
    Exercice3

    Le clic sur le bouton "Envoyer" de type submit fait l'appel à une fonction "Verif" écrite en JavaScript
    et qui permet de vérifier les conditions suivantes :

     Les champs Nom et Prénom, CIN et Adresse e-mail doivent être non vides.
     Le champ CIN ne contient que 8 chiffres de 0 à 9.
     L’adresse e-mail doit comporter le caractère @.
     Le niveau première année est sélectionné par défaut.
     On peut choisir au maximum une spécialité.
     Si les conditions précédentes sont satisfaites, le message suivant sera affiché : "Inscription
    achevée !!"
     Le bouton "Annuler" permet de remettre à vide tous les champs du formulaire.
    Remarque : pour chaque champ non valide le curseur doit se positionner dans ce champ
    (focus)

    Modifier le code JS de façon que lorsqu’on sélectionne le champ CIN on affiche le nombre de
    caractères de ce champ (événement onSelect)

    Exercice 4

    1-Ecrire le code javascript qui permet de remplacer la virgule par point lors du click sur le bouton
    changer (la fonction replace permet de remplacer : ch.replace(‘x’, ‘y’) remplace les caractères x
    existant dans ch par y

    2
    Programmation Web2 TP5

    2-On veut modifier un peu le code : Une fois on a terminé la saisie dans une zone de texte, remplacer
    la virgule par point (evenement onmouseout)

    Exercice 5

    1-Créer le formulaire ci-dessous

    NB : la liste <produit> contient les produits : ordinateur ; flash disque, clavier et souris

    2-Ecrire une fonction javascript nommée contrôle qui permet de :

    a- Vérifier que le champ nom du client n’est pas vide


    b- Vérifier que le champ GSM commence par (+216) et que le numéro est composé de 12
    chiffres
    c- Obliger le client de choisir un produit
    d- Vérifier que la quantité est précisée

    3-Ecrire une fonction nommée affiche qui permet d’afficher le prix unitaire du produit choisit dans le
    champ « prix unitaire HT »

    4-l’appel de la fonction affiche se fait dès que le client choisit le produit (c.a.d dès que le client choisit
    le produit, le prix unitaire HT de ce dernier sera automatiquement affiché dans la zone de texte prix
    unitaire HT)

    NB : les prix unitaires HT sont : ordinateur(1500 dinars), Flash (20d), clavier (10d), souris (5d)

    5-Le click sur le bouton « envoyer la commande » permet d’appeler la fonction « contrôle » et si tout
    va bien, on affiche un message d’alerte : Merci « votre nom et prenom », votre commande a été
    envoyée avec succès

    Vous aimerez peut-être aussi