Scribd Logo
Importer

Bienvenue sur Scribd !

  • Introduction JS

    Transféré par

    Babacar Sow
    4 vues2 pages

    Titre original

    introduction JS

    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é
    4 vues2 pages

    Introduction JS

    Transféré par

    Babacar Sow

    Droits d'auteur :

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

    Objectifs pédagogiques

    À la fin de ce cours, vous serez capable de :


    • manipuler des données avec JavaScript ;
    • écrire un fichier JavaScript ;
    • faire interagir JavaScript avec votre page web ;
    • créer un formulaire de saisie de données.

    Prérequis :
    • Pour suivre ce cours, vous devez maîtriser les bases de la programmation en
    HTML5 et CSS3.

    Outils nécessaires :

    Dans le cadre de ce cours, vous allez réaliser un site web. Vous aurez besoin :

    • d’un navigateur web à jour (Chrome, Safari, Firefox ou encore Edge) ;


    • et d’un éditeur de texte (Visual Studio Code) que vous allez télécharger

    Pourquoi JavaScript
    Objectif principal :
    – introduire de l’interactivité avec les pages HTML
    – effectuer des traitements simples sur le poste de travail de l’utilisateur
    – Moyen : introduire de petits programmes, appelés SCRIPTS, dans les pages HTML
    – langage de programmation structurée qui concourt à enrichir le HTML
    – JS est intégré complètement dans le code HTML
    – JS contient des gestionnaires d’événement

    Ecriture et exécution du code JS


    On peut placer du code JS à 3 endroits :
    – Entre les balises <SCRIPT> et </SCRIPT>
    – Associé à une balise HTML qui gère un événement
    – Associé au pseudo-protocole javascript:dans une URL
    JS Entre les balises <SCRIPT> et </SCRIPT>
    <SCRIPT LANGUAGE= »JavaScript »>
    … code //code : instructions, déclarations de fonctions,etc..</SCRIPT>
    – S’il est inclus dans la section <HEAD>, il n’est pas exécuté tout de suite.
    – Par contre, s’il fait partie du corps du document, il est immédiatement exécuté en
    même temps que le code HTML est interprété.
    – Il est nécessaire d’inclure les déclarations de fonctions dans la section
    <HEAD>..</HEAD>
    JS associé à une balise HTML
    <INPUT TYPE= »button » VALUE= »Calculer » onClick= »calculer() »>
    – JS est généralement inséré sous forme d’un appel de fonction
    – Fonction préalablement déclarée dans la partie HEAD
    JS associé au pseudo-protocole javascript
    <A HREF= »JavaScript:void(calculer()) »> Pour calculer</A>
    – Cette pseudo-URL permet de lancer l’exécution d’un script écrit en JS
    – L’opérateur VOID permet d’ignorer le paramètre de retour de la fonction
    2. Les structures de données
    Les données constantes
    JS fournit les constantes suivantes, directement disponibles :
    – les constantes numériques : entiers, réels écrits en notation décimale, ou flottante
    (càd en notation scientifique, par ex : 2718E-3)
    – les 2 constantes booléennes : true ou false
    – les chaînes de caractères, entourées de guillemets « » ou d’apostrophes ‘ ‘
    – la constante spéciale null signifie « rien », « absence de valeur ». Cette valeur est
    attribuée à toute variable utilisée sans être définie (par exemple prompt() retourne
    null si on sélectionne le bouton Annuler)

    Vous aimerez peut-être aussi