Gestion de données
4ème Sciences de L’informatique
TP N°4 : DÉVELOPPEMENT WEB
Créer le dossier TP4 dans votre répertoire de travail, dont lequel vous enregistrez tous les fichiers solutions de ce TP.
Activité 1 Activité 3
Lancer l’inspecteur Dom, dans l’onglet console déclarer une variable ch 1- Créer un fichier intitulé [Link] contenant la date système de la
de valeur initiale 'Sciences informatique ' puis tester les instructions forme jj/mm/aaaa suivie par le formulaire suivant :
ci-dessous qui traitent les méthodes et la propriété de l’objet String.
[Link] ; [Link](' ','*');
[Link]('i') ; [Link]();
[Link]('i',5) ; [Link]();
[Link]('i'); ch[2] ;
[Link]('i',10); [Link](1);
[Link]('formation') ; x=[Link](65);
2-Soit la fonction suivante qui permet de modifier l’arrière-plan d’un
[Link](2,5); y=[Link](66,65,67);
élément x
[Link]() ;
Saisir la fonction activer puis ajouter un évènement HTML permettant
l’appel de cette fonction lorsque les zones de saisis sont actives
Activité 2
Lancer l’inspecteur Dom puis dans l’onglet console : function activer(x){
➔ Créer deux instances de l’objet Date : [Link] = "yellow";
let d=new Date(), event=new Date('2024-12-17 ') }
➔ Tester les différentes méthodes de l’objet Date. 3- Développer la fonction init qui permet de remettre une zone à sa
[Link]() [Link]() couleur blanche une fois elle perd le focus puis ajouter l’évènement
[Link]() [Link]() HTML onblur pour faire l’appel de cette fonction
[Link]() [Link]() 4- Modifier l’événement onblur par oninput
[Link]() [Link]() 5- Ajouter un évènement HTML permettant l’appel de la fonction activer
lorsque le pointeur de la souris survol le bouton Jouer
6-Ajouter un évènement HTML permettant l’appel de la fonction init
lorsque le pointeur de la souris quitte le bouton Jouer
1
Gestion de données
4ème Sciences de L’informatique
TP N°4 : DÉVELOPPEMENT WEB
7- Ajouter les scripts nécessaires permettant suite au clic sur le bouton Activité 5
Jouer d’afficher le nombre hasard N sachant que :
N=√|𝒙𝟐 − 𝒚𝟐 | 1. Créer le fichier [Link] contenant la séquence vidéo située dans le
répertoire StiRessources sous la racine C.
Activité 4
2. Ajouter les fonctions JavaScript qui permettent de modifier la couleur de
1-Créer le fichier [Link] contenant formulaire ci-contre :
fond de la page web de votre choix selon l’aspect de la vidéo en lecture
ou en pause
Activité 6
1- Déclarer un tableau T1 contenant les valeurs suivantes : 20, 250, 30, 40,
10
2- Afficher la somme des éléments du tableau T1
a. Ajouter les fonctions JavaScript nécessaires permettant de :
3- Déclarer une variable T2 de type tableau puis remplir ce tableau par les
➔ convertir chaque caractère saisi dans le champ Login en
majuscules. multiples de 10 inférieurs à100
➔ Afficher en rouge, le nombre de caractère saisie dans le champ mot 4- Déclarer un tableau T3 contetanant : sansung, Apple , Huawei
de passe, au-dessous de la zone de saisie. 5- Modifier la valeur du 2ème élément par "Oppo"
6- Afficher le nombre total des caractères dans le tableau.
b. Le clic sur le bouton connexion fait appel à une fonction JavaScript 7- Saisir deux entiers a et b (a<b), remplir un tableau T4 d’une façon
intitulée test permettant de vérifier les contraintes ci-dessous :
aléatoire par des entiers de l'intervalle [ a..b] puis faire l’affichage des
c. Si les contraintes précédentes sont satisfaites on accède au fichier
[Link] qui contient le texte « Bienvenue dans notre site » éléments.
Elément Contrôle
Login Une chaine alphabétique majuscules de 3 caractères
au minimum.
Mot de Chaine taille minimale 6 et dont le nombre de lettres est
passe supérieur au nombre de chiffres.
Connexion Fait appel au fichier [Link] après la vérification des
contraintes du formulaire.