Remerciez-le!

Remerciez @Admin pour avoir partagé cet document gratuitement, de la manière la plus simple, en partageant sur les réseaux sociaux.

Atelier développement web et multimédia II TP4.1 : les objets prédéfinis en jav

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 4 uploads/S4/ tp4-1.pdf