Scribd
Importer
81 vues3 pages

TD1 JavaScript

Ce document contient 5 exercices sur JavaScript portant sur les opérateurs et méthodes de l'objet window, les boucles, la gestion d'un compte à rebours et la manipulation du DOM. Il présente également un exemple de code HTML/JS à compléter pour les exercices.

Transféré par

syntyche n zebo
Copyright
© © All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats PDF, TXT ou lisez en ligne sur Scribd
81 vues3 pages

TD1 JavaScript

Ce document contient 5 exercices sur JavaScript portant sur les opérateurs et méthodes de l'objet window, les boucles, la gestion d'un compte à rebours et la manipulation du DOM. Il présente également un exemple de code HTML/JS à compléter pour les exercices.

Transféré par

syntyche n zebo
Copyright
© © All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats PDF, TXT ou lisez en ligne sur Scribd
Vous êtes sur la page 1/ 3

Université Polytechnique de Bingerville (UPB)

Licence 2 MIAGE

Module : Technologies WEB 2

TP 1 : JavaScript

Exercice 1 : Opérateurs et Méthodes de l’objet window


Ecrire le code d'un fichier HTML qui permet de saisir trois notes (DC1, DC2, DS) puis calcule et affiche la
moyenne.

Exercice 2 : Boucles
Ecrire le code d'un fichier HTML qui permet de saisir le numéro du mois et l’année puis affiche le nombre de
jours.

Exercice 3 : Boucles

Ecrire le code d'un fichier HTML permettant d’afficher la table de multiplication d'un entier compris entre 1 et
10.

Exercice 4 : gestion d'un compte à rebours

Ecrire le code d'un fichier HTML permettant d’afficher une horloge qui indiquera l’heure locale de
l’ordinateur client en utilisant JavaScript.

Exercice 5 : Manipulation du DOM en JavaScript


Soit le fichier HTML :

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Mon titre</title>
<script type="text/javascript" src="exo4_td1.js"></script>
</head>
<body>
<h1 onClick="showHxContent(1)">Partie 1</h1>
<div id="title1" style="display:none">
<p>Mon premier paragraphe</p>
<p>Mon second paragraphe</p>
</div>
<h1 onClick="showHxContent(2)">Partie 2</h1>
<div id="title2" style="display:none">
<p>Mon premier paragraphe</p>
<p>Mon second paragraphe</p>
</div>
<p>
<input type="submit" value="Masquer" onClick="hideAllDivs()"/>
</p>
<p>
Titre n°: <input type="text" id="title"/>
<input type="submit" value="Afficher le Titre" onClick="alertTitle()"/>
<input type="submit" value="Donner un nouveau titre" onClick="defineTitle()"/>
<!-- <input type="submit" value="Supprimer" onClick="deleteTitle()"/> -->
</p>
<p>
<input type="submit" value="Masquer" onClick="hideAllDivs()"/>
</p>
</body>
</html>

1) Écrire la fonction JavaScript showHxContent permettant d'afficher le contenu du div correspondant au titre
sur lequel on clique.
2) Écrire la fonction JavaScript hideAllDivs permettant de masquer le contenu de tous les div du document.
3) Écrire la fonction deleteTitle permettant d'effacer le contenu du titre défini par le champ title. (suppression du
nœud fils de type texte)
4) Écrire la fonction defineTitle permettant d'affecter le contenu du titre défini par le champ title avec la valeur
"Nouveau titre". On testera que le titre a ou non déjà une valeur (nœud texte) avant l'ajout, afin de la supprimer si
besoin.

Vous aimerez peut-être aussi