[PDF] [PDF] JavaScript - Travaux Pratiques 1

[PDF] TP Javascript - Free

Exercice n°1 1 : code javascript interne au document Exercice n°1 3 : code javascript dans des balises HTML Séquence n°3 : vérification de formulaire 6

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

une procédure de correction dynamique du questionnaire (écrit en JavaScript), ☛ un corrigé complet du test dans une page HTML 1° Le formulaire type QCM

[PDF] JavaScript - Travaux Pratiques 1

Pour identifier et corriger les erreurs (bugs), il faut absolument utiliser la Écrire une page XHTML comportant un mini-formulaire composé d'un champ de 

[PDF] TP Javascript - IGM

1 Exercice Voici le listing d'un fichier HTML contenant du code javascript : un formulaire disposant d'une zone de saisie contenant par défaut la valeur 5;

[PDF] Module Programmation Internet Correction TD 2

Exercice 1 TD 2 Programmation Internet JavaScript Or nous avons ici la var resultat = supprimerChiffres(document formulaire msg value);

[PDF] Exercices JavaScript - Cours EThirion - Free

7 déc 2015 · Exercices Javascript - page 1 Les corrigés peuvent être exécutés à distance à partir du site Le fichier html contenant le formulaires est

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

Exercices Solution des exercices Qu'est-ce que c'est ? HTML (HyperText Markup Language) est le ce qui signifie que, pour utiliser JavaScript, il faut que le serveur comme le poste client "comprenne" ce l'exemple 2 qui utilise un formulaire avec un bouton pour afficher un message d'alerte pas possible de corriger

[PDF] FASCICULE DES TRAVAUX PRATIQUES - WordPresscom

Le TP n°4 sera consacré aux événements JS et l'utilisation des formulaires Par la suite, on a un TP n°5 Exercice n°9 : (Un formulaire complet) Ecrire le code HTML de la fenêtre d'affichage du corrigé représentée par l'image ci- dessous

[PDF] Programmation Web TP no 3 : Javascript et jQuery I) JQuery - IRIF

Le but de ce TP est d'apprendre le langage Javascript et sa librairie JQuery Créer un formulaire avec les champs suivants et les labels associés : Ajouter un bouton « Corriger » qui, au lieu d'envoyer les réponses `a un serveur, les vérifie

[PDF] exercice jeu a 3 basket

[PDF] exercice la houle

[PDF] exercice laser terminale s

[PDF] exercice lentille convergente 1ere es

[PDF] exercice lentille convergente 1ere s

[PDF] exercice lettre de change

[PDF] exercice lettre g ce2

[PDF] exercice ln et exp

[PDF] exercice ln et exponentielle bac pro

[PDF] exercice logigramme corrigé

[PDF] exercice logique combinatoire avec correction

[PDF] exercice logique mathématique corrigé

[PDF] exercice loi binomiale corrigé

[PDF] exercice loi binomiale corrigé stmg

[PDF] exercice loi binomiale pdf

JavaScript - Travaux Pratiques 1

Pour JavaScript, il est fortement conseille d'utiliseremacssousLinuxpour creer vos chiers. Chaque chier doit avoir l'extension.js. Pour associer du code JavaScript place dans un chier externe a une page HTML, il sut d'utiliser l'attributtypeavec l'attributsrcdans un element script. Pour executer le code apres le chargement de la page, on utilisera : />

Pour identier et corriger les erreurs (bugs), il faut absolument utiliser la console (fen^etre) d'erreurs.

Pour Firefox, vous la trouverez sous

Tools - Error ConsolePour rechargez une page XHTML, y compris le chargement du code JavaScript qui est associe a la

page, vous devez :

Appuyez sur la touche CTRL tout en cliquant sur l'ic^one de rechargementOn utilisera DOM (level 0) pour acceder aux elements d'une page HTML et interagir avec eux. Cela

signie que typiquement, on recupere une variable JavaScript referencant un element HTML a l'aide de la fonctiongetElementByIdet la valeur de son attributid. Par exemple : var but1 = document.getElementById("but1"); A l'aide de cette variable, on peut modier dynamiquement le style comme par exemple : but1.style.color="blue"; On peut lui associer des ecouteurs comme par exemple : function but1Listener() { alert("but1 cliqued"); } but1.onclick=but1Listener;Par ailleurs, les sites qui peuvent vous ^etre utiles sont : T outJa vaScriptsur http://www.toutjavascript.com/main/index.php3

Ja vascriptfrhttp://www.javascriptfr.com

w3sc hool-Javascriptsur http://www.w3schools.com/js/default.asp1

1 Un premier contr^ole de formulaire

1. Ecrire une page XHTML comportant un mini-formulaire compose d'un champ de saisie et d'un simple bouton. Cette page doit passer la validation W3C. 2. Cr eerun c hierexo1.jscomportant uniquement l'instructionalert('coucou'). Associer ce chier a la page XHTML et rechargez a nouveau votre page XHTML. Que se passe-t-il? Verier que votre page passe toujours la validation W3C et qu'il n'y a pas d'erreurs JavaScript dans la console d'erreurs. 3.

On remplace l'instruction pr ecedentepar :

function controler() { var zoneSaisie = document.getElementById("zoneSaisie"); alert("La Zone de saisie contient : " + zoneSaisie.value);

Decrivez le code de cette fonction. Il faudrait maintenant associer ce code de contr^ole a l'evenement

clicksur le bouton du formulaire.Ecrivez le code correspondant (pensez aux diapositives de cours pour vous aider). 4. Mo dierla fonction de con tr^olep ourac herun message d'erreur lorsque le c hampest vide, et acher le contenu du champ lorsqu'il ne l'est pas. 5. La fonction eval, prenant en parametre une cha^ne de caracteres representant une expression, permet d'evaluer cette derniere. Par exemple : eval("3+4"); // retourne la valeur 7 eval("bon"+"jour"); //retourne bonjour Ajouter (concatenez) le resultat de l'evaluation de l'expression donnee par l'utilisateur dans le champ de saisie a votre achage. Cela donne une page HTML contenant un formulaire permet- tant d'executer "on line" de petites operations.Solution : exo1tp1.html

xhtml1/DTD/xhtml1strict . dtd">

Entrez une valeur :

2

Solution : exo1tp1.js

function controler ()fvar zoneSaisie = document . getElementById(" zoneSaisie ") ; if( zoneSaisie . value == "")alert ("Vousdevezsa isi runevaleur") ; elsefalert ("LaZonedesaisiecontient:" + zoneSaisie . value + "etapour evaluation" + eval ( zoneSaisie . value ) ) ; g g var ok = document . getElementById("ok") ; ok . onclick=controler ;

2 Valeur Absolue

1. Ecrivez une page HTML contenant un formulaire permettant d'obtenir la valeur absolue d'un nombre donne par l'utilisateur. Le formulaire comprendra un premier champ de saisie, puis un bouton et enn un deuxieme champ de saisie. 2. Chaque fois que l'utilisateur c liquesur le b outon,une v ericationde la v aleurplac eedans le premier champ de saisie est eectuee. Si le champ est vide ou ne contient pas de valeur numerique (pensez a la fonctionisNaN), alors un message d'alerte est achee. Sinon, la valeur absolue de cette valeur est places directement dans le second champ de saisie. 3. Placer aussi le co deJa vaScriptp ermettantde rendre en lecture seule le second c hampde saisie (attributreadOnly).Solution : exo2tp1.html

xhtml1/DTD/xhtml1strict . dtd">

Entrez une valeur :

Resultat :

Solution : exo2tp1.js

3 var zoneResultat = document . getElementById("zoneResultat") ;

zoneResultat . readOnly=true;function calculerValeurAbsolue ()fvar zoneSaisie = document . getElementById(" zoneSaisie ") ;

if( zoneSaisie . value == ""j jisNaN( zoneSaisie . value ) )alert ("Votresaisieestincorrecte ") ; else zoneResultat . value=Math. abs( zoneSaisie . value ) ; g var ok = document . getElementById("ok") ; ok . onclick=calculerValeurAbsolue ; 4quotesdbs_dbs10.pdfusesText_16