Scribd Logo
Importer

Bienvenue sur Scribd !

  • 117 vues

    Atelier JS Technologies WEB PDF

    Transféré par

    benslamasouheil

    Droits d'auteur :

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

    Atelier JS Technologies WEB PDF

    Transféré par

    benslamasouheil
    117 vues3 pages

    Titre original

    Atelier JS Technologies WEB.pdf

    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é ?

    Droits d'auteur :

    © All Rights Reserved
    Téléchargez comme PDF, TXT ou lisez en ligne sur Scribd
    Télécharger au format pdf ou txt
    117 vues3 pages

    Atelier JS Technologies WEB PDF

    Transféré par

    benslamasouheil

    Droits d'auteur :

    © All Rights Reserved
    Téléchargez comme PDF, TXT ou lisez en ligne sur Scribd
    Télécharger au format pdf ou txt
    sur 3

    Web

    Technologies du WEB

    Atelier JS

    Exercice (Window)
    Simuler le jeu du chiffre caché. Utiliser la fonction random de l’objet math afin de générer un
    chiffre aléatoire entre 0 et 10.
    L’utilisateur n’aura que 3 essais.
    Utiliser les fonctions « prompt » et « alert ».

    Exercice (DOM et Evenement)


    Préparer une page web contenant deux ou trois paragraphes sur votre centre d’intérêt.
    Soigner la présentation de la page en utilisant les fichiers CSS.

    Nous voulons aider les utilisateurs de notre page Web à bien lire les différentes informations
    pertinentes que nous leurs offrons et à les inciter à ne pas quitter notre page.
    Pour ce faire on se propose de leur offrir plusieurs outils à l’aide de Js.
    1- Ecrire un script JS permettant de mettre en exergue le paragraphe sur lequel a cliqué
    l’utilisateur. Ajouter en haut un bouton pour activer et désactiver cette option.
    La mise en exergue consiste à colorer le background du paragraphe sélectionné et à
    agrandir la taille de l’écriture.
    2- Ecrire un script JS permettant d’afficher un message de confirmation pour tous les liens
    externes afin de vérifier si l’utilisateur veut vraiment quitter notre page. Si l’utilisateur
    décide de rester sur notre site il faudra faire en sorte d’annuler la redirection vers le site
    externe.
    3- Ajouter une liste permettant à l’utilisateur de choisir la police qui lui convient à partir
    d’une liste de police prédéfini et qui contiendra les polices suivantes :
    a. Garamond
    b. Verdana
    c. Times new roman
    4- Un champ texte permettant à l’utilisateur de modifier la taille de la police.
    5- Un bouton radio permettant à l’utilisateur de choisir l’un des alignements suivant :
    a. Left
    b. Right
    c. Center
    d. Align
    6- Ajouter un formulaire de contact permettant à l’utilisateur de laisser un commentaire sur
    notre page Web et sur les différentes fonctionnalités qui lui sont offertes. Le formulaire
    contiendra les champs suivants :
    a. Pseudo (qui ne pourra contenir que des lettres et des chiffres)
    b. Mail (Qui doit se conformer aux adresses mail. N’utiliser pas le champ email de
    HTML5)
    c. Commentaire (fixer un nombre de caractère).
    Calculatrice
    On vous demande de créer un mini calculateur qui permet les fonctionnalités suivantes :

    • Addition
    • Soustraction
    • Multiplication
    • Division (s’il divise par 0 on lui affiche un message d’erreur)
    N’oublier pas de factoriser votre code et de gérer toutes les exceptions (l’utilisateur n’entre pas
    des entiers). Pense au « callback function » si besoin est. Vous pouvez créer un objet contenant
    vos fonctions et une fonction qui traitera toutes les requêtes.
    Remarque : le champ qui contiendra le résultat ne peut pas être modifié par l’utilisateur.
    Nous voulons maintenant rendre cette calculatrice « scientifique » en y ajoutant les
    fonctionnalités suivantes :

    • Cos
    • Sin
    • Exponentielle
    • Puissance

    Vous aimerez peut-être aussi