Vous êtes sur la page 1sur 4

Atelier développement web

et multimédia II
TP4.1 : les objets prédéfinis en javascript

Introduction
Javascript offre des fonctions prédéfinies qui permettent de fournir des ressources et des
fonctionnalités requises pour la programmation.
Exemple : Window, String, Math, Date, Navigator, Array,.
L’objet Math  Math.fonction

Fonction Explication
abs(x) renvoie la valeur absolue de x.
ceil(x) renvoie l’entier supérieur à x.
floor(x) renvoie l’entier inférieur à x.
round(x) renvoie l’entier le plus proche de x.
max(x,y) renvoie le plus grand nombre entre x et y.
min(x,y) renvoie le plus petit nombre entre x et y.
pow(x,y) renvoie le nombre x à la puissance y.
random(x,y) renvoie un nombre "réel" aléatoire entre 0 et 1.
sqrt(y) renvoie la racine carrée de x.
sin(x), cos(x), tan(x), atan(x), exp(x), log(x)

L’objet String chaine.fonction

Fonction Explication
length renvoie la longueur de la chaîne de caractères.
charAt(i) Renvoie le caractère placé à la position i
indexOf(ch1,x) Retourne la position de la première occurrence de ch1 dans la chaine
à partir de la position x.
LastIndexOf(ch1,x Retourne la position de la première occurrence de ch1 dans la chaine
) de droite à gauche à partir de la position x.
substring(x,y) renvoie une sous chaine située entre la position x et la position y-1.
substr(x,y) renvoie une sous chaine à partir de x et sur y caractères.
toLowerCase() Transforme toutes les lettres en minuscule
toUpperCase() Transforme toutes les lettres en majuscule
search(ch1) renvoie la position de ch1 dans la chaine si existe.
Concat(ch1,..ch2) Concatène des chaines
Programmation Web2 TP4.1

Exercice1
Soit le formulaire suivant :

1-Ecrire dans un fichier .js le code javascript qui permet d’afficher « bonjour » en cliquant sur
le bouton envoyer
2- écrire le code javascript qui permet d’afficher « bonjour » en passant le curseur sur le
bouton envoyer.
3-modifier l’événement de la question précédente par l’événement onMouseout sur le
bouton envoyer. C’est quoi la différence ?
4- Ecrire le code javascript qui permet d’afficher « bonjour » en sélectionnant un sexe.
5- Ecrire le code javascript qui permet de d’afficher le nom, prénom et le sexe (saisis dans le
formulaire) en cliquant sur le bouton envoyer

Exercice2
Tester le code suivant:

<HTML>
<HEAD> <TITLE> Exercice2</TITLE>
<SCRIPT LANGUAGE="JavaScript">
function bonjour()
{
alert("bonjour");
}
</script>
</HEAD>
<body onload="bonjour()">
</body>
</html>

1-Interpréter le code
2-modifier la fonction bonjour() pour qu’elle affiche la date du jour au format jj/mm/aaaa et l’heure.
3- la fonction bonjour() pour qu’elle affiche dans une zone de texte (le nom= « txtdate ») la date du
jour :
exemple :nous sommes le : 02/04/2021
4-ajouter un bonton « MAJ date » et modifier le code javascript pour afficher la date et l’heure dans
la zone de texte txtdate en cliquant sur le bouton « MAJ date »
5-pour avoir une date et heure toujours exacte et à jour, on va faire des appels consécutifs de la
fonction bonjour() chaque quelques secondes avec la fonction setTimeout()
 Il suffit d’ajouter la ligne suivante juste à la fin de la fonction bonjour()
setTimeout("bonjour()", 1000);
6- modifier le code javascript de façon à afficher « au revoir » en fermant la page

2
Programmation Web2 TP4.1

Exercice3
tester et interpréter le code suivant :

1-modifier le code javascript pour que la nouvelle fenêtre affiche la date et l’heure du jour
Exercice4
 console.log() permet d’écrire dans la console JavaScript, pratique pour déboguer vos
programmes (afficher la valeur d’une variable, ou voir si on est entré dans un if, par
exemple)
 Pour afficher la console JavaScript : sous Chrome bouton droit > inspecter:
Sous Firefox : Menu Outils > Développement web > Console web…

1-tester le code javascript suivant


console.log("Bonjour !");
console.log("je teste la console JavaScript");

le résultat est le suivant :

2-on veut afficher sur la console le nom saisi par l’utilisateur (prompt)

3-soit l’exemple suivant :

En cliquant sur le bouton « envoyer », on veut afficher sur la console le nom, le prénom et le
sexe saisis dans le formulaire

3
Programmation Web2 TP4.1

Exercice5

Réaliser l’interface suivante sachant que :

-min est un bouton qui permet d’afficher le minimum entre nombre1 et nombre2

-max est un bouton qui permet d’afficher le maximum entre nombre1 et nombre2

-aleatoire est un bouton qui permet d’afficher un nombre aléatoire entre 0 et nombre1

NB : vous allez utiliser les fonctions prédéfinies de l’objet Math

Vous aimerez peut-être aussi