Task 1.
Créez un select avec les options "red", "blue", "green" et un div. Lors du changement du
select, changez la
couleur de fond du div selon la valeur choisie.
Task 2.
Créez un input type="range" et un div. Lors du changement de valeur, modifiez la largeur
du div en pixels.
Task 3.
Créez un input type="text", un bouton et un div. Si le champ est vide — affichez "empty",
sinon
"not
empty".
Task 4.
Créez un select avec les options "low", "medium", "high", un bouton et un div.
Au clic sur le bouton, affichez dans le div un nombre selon l'option choisie :
si "low" est choisi — 1, si "medium" — 2, si "high" — 3.
Task 5.
Créez un input type="number", un bouton et un div.
Si le nombre est supérieur à 0 et inférieur à 100 — affichez "valid number",
sinon — une chaîne vide ('').
Task 6.
Créez un select avec les options "html", "css", "js", un bouton et un div. Au clic,
affichez une courte
description : html - "structure", css - "style", js - "logic".
Task 7.
Créez deux input type="range" et un div.
En temps réel, modifiez la largeur et la hauteur du div
de 50px à 300px.