Interactivité avec JavaScript

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’.