TP JS - Intéraction

Faire les exercices directement dans le fichier JS sans toucher au fichier CSS.

1er Exercice - 5pts

Faites en sorte que lorsque l'on clique sur le bouton "change", la div bleu devienne verte

Attention : ne pas utiliser de classe CSS, vous devez modifier le style de la div directement en JS sans toucher au fichier css

2e Exercice - 5pts

Faire en sorte que lorsque l'on clique sur l'image, celle ci augmente de taille à raison de 20 pixels à chaque clic.

Attention : ne pas utiliser de classe CSS, vous devez modifier la taille de l'image directement en JS sans toucher au fichier css

Aide : voir getComputedStyle (attention retourne une chaine de caractère)

Pensez à remettre 'px' ensuite en utilisant la concaténation

3e Exercice - 5pts

Faire en sorte que lorsque l'input color est modifié, le background de la section qui a pour id="exo3", change en fonction de la couleur choisie

Attention : ne pas utiliser de classe CSS, vous devez faire les modifications directement en JS sans toucher au fichier css

4e Exercice - 5pts

let etudiants = ['Anne', 'Audifax', 'Baptiste', 'Jean-François', 'Jordan', 'Julie', 'Kamel', 'Laure', 'Marie', 'Michaël', 'Raphaël', 'Rémy', 'Sonia', 'Sylvain', 'Nicolas'];

A/ Soit le tableau précedent, grâce à une boucle, afficher les éléments 1 par 1 dans la console

B/ Grâce à une fonction prédefinie, supprimer votre prénom du tableau, et réafficher les éléments 1 par 1 dans la console