# Interactivité avec JavaScript

NSI - Première - activité 1

## 1.Boite de dialogue

id='texte1'

Complétez dans le fichier .js la fonction `boite()` qui permet d'ouvrir une boite de dialogue `prompt()`. Elle doit afficher le texte saisi par l´utilisateur dans l'élément <p> (id="texte1") si sa longueur est inférieure à15 caractères. Dans le cas contraire elle affiche "trop long".

## 2.Range slider

id='texte2'

Complétez la fonction `glissière()` qui affiche dans l'élément <p> (id="texte2") le nombre entre 0 et 100 sélectionné par la position du curseur (évènement `oninput`).

## 3.Modifier le style (couleur)

id='texte3'

Ecrivez la fonction `changeCouleur()`qui permet de changer la couleur du texte en jaune et le fond en bleu de l'élément <p> (id="texte3") après un clic sur ce bouton.

## 4.Modifier le style (taille)

Ecrivez la fonction `tailleImage(Largeur,hauteur)` qui permet lorsque le pointeur de la souris la survole d'agrandir l'image (id="image"), à la taille `300px×300px`. Elle doit retrouver sa taille originale (`100px×100px`) lorsque le pointeur ne la survole plus.

## 5.Nombre entier aléatoire

id='texte4'

Observez la définition de la fonction `randomNb(max)`. Compléter la fonction `afficheNb()`afin qu'elle affiche dans l'élément <p> (id="texte4"), un nombre aléatoire compris entre 0 et 99 à chaque clic sur le bouton.

## 6.Couleur de fond

id='texte5'

Observez la définition des fonctions `randomCouleur()` et `affichage()`. Expliquez leur fonctionnement. Testez-le ensuite après avoir complété le tag HTML du bouton ‘random couleur’.

↻
×
Présentation de l´activité Document elève Activité 1: interactivité Activité 2: la synthèse RGB ...... CODE JS COMPLET ...... Identifiants des zones d'affichage: Afficher ...... ...RESSOURCES... Le style color Accès au contenu d´une balise Les balises HTML[Brackets] mode d´emploi