[PDF] TP Javascript - Free

js Tester dans un navigateur Exercice n°1 3 : code javascript dans des balises HTML Question 6 Afficher 

[PDF] TP Javascript - IGM

1 Exercice Voici le listing d'un fichier HTML contenant du code javascript : parties et en permettant au joueur de quitter une partie en cours

[PDF] Exercices JavaScript - Cours EThirion - Free

7 déc 2015 · Ecrire la balise script permettant d'inclure le code javascript dans la page ○ Complètez la balise body et en lui associant la fonction 

[PDF] JavaScript Cours dinitiation

Programmation Web (JavaScript – cours d'initiation) JavaScript Cours Refaire l'exercice précédent pour afficher dans une fenêtre popup une page HTML de 

[PDF] Technologies de Script - UVT e-doc - Université Virtuelle de Tunis

Exercices Solution des exercices Qu'est-ce que c'est ? HTML (HyperText ce qui signifie que, pour utiliser JavaScript, il faut que le serveur comme le poste 10 passages au cours desquels, on tire au sort un nombre entier compris De plus, cet outil permet d'exporter le schéma de la base au format XML ou PDF et de 

[PDF] Séance dExercices Dirigés HTML et JavaScript - Cnam

Donnez le source des divers fichiers nécessaires EXERCICE 2 le but de cet exercice est de réaliser un questionnaire de type QCM en HTML et JavaScript Vous 

[PDF] Travaux dirigés - Chingatome

JavaScript est un langage de programmation côté client Cela signifie que le code Vous traverez dans les manuels de cours, la manière pour placer vos codes Cet exercice présente quelques propriétés de l'objet window : 1 Nous allons 

[PDF] FICHE 1 Les bases du JavaScript - prof doc

l'élément et de son attribut src qui contient l'URL du fichier js Par exemple Exercice Demandez les prénoms aux utilisateurs et stockez-les dans un tableau Pensez à la innerHTML = 'Chargement en cours ';

[PDF] Cours - TD - TP de SQL - Site de Bertrand LIAUDET - Free

6 - Organisation du cours Exercice 3 : tableau d'élèves avec notes et photos en POO trouve un pdf et des exemples JavaScript ES6, Python et Java

[PDF] Dynamisez vos sites web avec Javascript - SupMTI

12 août 2011 · Un petit exercice pour la forme Présentation de l'exercice Ce cours va principalement aborder l'usage du Javascript conjointement avec 

[PDF] cours et exercices

[PDF] cours et exercices chimie minérale pdf

[PDF] cours et exercices corrigés

[PDF] cours et exercices corrigés d'automatique

[PDF] cours et exercices corrigés d'électrotechnique

[PDF] cours et exercices corrigés d'optimisation pdf

[PDF] cours et exercices corrigés de comptabilité des sociétés pdf

[PDF] cours et exercices corrigés de java orienté objet pdf

[PDF] cours et exercices corrigés de mécanique générale pdf

[PDF] cours et exercices corrigés de microéconomie s2

[PDF] cours et exercices corrigés de recherche opérationnelle+pdf

[PDF] cours et exercices corriges des normes comptables internationales a telecharger gratuitement

[PDF] cours et exercices corriges sur les distributions pdf

[PDF] cours et exercices d économie générale pdf

[PDF] cours et exercices d'analyse mathématique

JavaScript page 1/107

JAVASCRIPT

VERSION " MODERNE » : POST ES6

1 - Bases du langage

SOMMAIRE

Sommaire ................................................................................................................................... 1

JS - 1 : INTRODUCTION ET tour complet ...................................................................................... 4

JavaScript ʹ Introduction ...................................................................................................................... 4

1 - Intro ......................................................................................................................................................... 4

2 - Environnement de travail ...................................................................................................................... 11

3 - Tester JavaScript en ligne ...................................................................................................................... 12

3 - Tutoriels et ressources références ........................................................................................................ 13

4 - Balise

Où mettre la balise

JavaScript page 15/107

Bonne pratique ultime : i, avant le

code de la page HTML src » dans la balise

JavaScript page 16/107

5 Exemples : 01 02 - 03

Chargez les fichiers

Téléchargez le zip et désippez-le. On obtient un répertoire : tour JavaScript_01_exemples_01_bases_et_tour

Mettez ce répertoire : dans un dossier " Partie_1 » que vous aurez mis dans un dossier JavaScript.

Ce dossier JavaScript peut être mis où vous voulez sur votre machine. Vous pouvez le mettre dans le

répertoire web " www JavaScript peuvent être exécutés sans environnement serveur. Ce dossier contient les codes des exemples de 01 à 11.

JavaScript page 17/107

01 - Hello world !

HTML

A la fin, une balise script

La partie JavaScript est écrite dans la balise script.

On utilise la fonction alert.

02 - balise script seule

HTML

Ca fonctionne aussi sans HTML, évidemment !

03 - Hello world ! fichier JS

HTML

JavaScript : hello.js

alert('Hello world!'); On peut aussi coder le JavaScript dans un fichier séparé.

Exercice : testez ces trois fichiers

JavaScript page 18/107

6 - Organisation du cours

Programmation impérative

Le JS permet de faire de la programmation impérative classique : variables, tests, boucles, fonctions,

etc. DOM : il utilise pour cela une API : le DOM.

Programmation évènementielle

Il permet aussi de gérer des événements

AJAX XML - JSON

Enfin, il permet de communiquer avec le serveur

JavaScript page 19/107

JavaScript Tour complet

Console Javascript

Le problème

Comment tester notre code

modifier pour autant la page web ?

Accès à la console JavaScript

Dans le navigateur, on peut afficher une console JavaScript.

Firefox

Outils / Développement Web / Console Web : onglet Console

Chrome

Afficher / Option pour les développeurs / Console JavaScript : onglet Console

Safari

Développement / Afficher la console JavaScript : onglet Console Etc.

Raccourcis clavier : alt-cmd-i / onglet console

Outils de développement : alt-cmd-i

Onglet console.

JavaScript page 20/107

Taper du code directement

On peut taper du code directement, comme en python, ou dans une console SQL > a=3 > a > b=a+a > b > console.log("b = "+b) > alert("b = ", b) > document.write("

bonjour

") > document.write("

resultat = "+b+"

") > document.querySelector("h1").style.backgroundColor="aqua"; etc. console.log() console.log() des variables et du texte dans le mode console à partir de code JavaScript. alert(b) alert document.write(" ») document.write document.querySelector(" ») Ici, on récupère une balise et on modifie son style.

JavaScript page 21/107

Mode console / Journal

les onglet Réseau, CSS, etc. ne sont pas toujours affichés).

Inspecteur : pour parcourir le code HTML

Console : pour avoir les erreurs et le " mode console »

Débogueur s le code

Editeur de style : pour voir le CSS. On peut le changer pour voir les résultats : pour présenter les outils verticalement. : pour présenter les outils dans une fenêtre à part. : pour accéder aux configuration : par exemple le thème sombre.

JavaScript page 22/107

04 - variable, addition, concaténation, prompt() A tester

HTML : index.html

JavaScript : script.js

// Déclaration des variables // mieux vaut déclarer les variables au début // on préfère let à var ou rien // on checke l'usage des variables en cliquant dessus let v1 = 5 let v2 = 10 let resultat = v1+v2 let message = '' alert('v1+v2: '+v1 + ' + ' + v2 + ' = ' + resultat) message = '1 : Le double du résultat est : ' + resultat*2 alert(message); console.log(message) v1 = prompt('Entrez le premier chiffre :') v2 = prompt('Entrez le second chiffre :') resultat = parseInt(v1) + parseInt(v2); alert(v1 + ' + ' + v2 + ' = ' + resultat); console.log(v1 + ' + ' + v2 + ' = ' + resultat); message = '2 : Le double du résultat est : ' + resultat*2 alert(message) console.log(message) alert pour afficher une variable dans une fenêtre prompt pour lire une variable dans une fenêtre parseInt() permet de transformer du texte en entier. Il existe aussi une fonction parseFloat().

On peut aussi ajouter parseFloat(

On peut additionner avec le signe " + » ou faire une concaténation.

JavaScript page 23/107

05 premières fonctions A tester

05-fonction

quotesdbs_dbs50.pdfusesText_50