M06UF3Q1. Exercicis de classe: segons, password
Contingut
Introducció
Hem començat la teoria del DOM. A partir del que s'ha vist a la classe d'avui, faràs un parell d'exercicis.
Tasques a realitzar
Exercici 1: segons mòdul 10
Ja saps de la UF1 com accedir als segons de la funció Date(), com actualitzar els segons cada segon amb un setInterval().
El mòdul (operador %) d'un número és el residu de la divisió. Per exemple, si ara són les 20:12:26 segons, podem dividir els segons per 10 (26 / 10) i dóna 2 i en sobren 6. El residu és el 6.
Si dividim un número entre 10, el residu anirà del 0 al 9.
Tasca:
- genera (o cerca) les imatges 0.jpg, 1.jpg, ..., 9.jpg (ben grosses, que ocupin bona part de la pantalla)
- pinta la primera imatge (0.jpg) al mig del teu document web
- actualitza la imatge segons el valor del residu. Has d'accedir a la propietat src de l'objecte que representa la imatge en el document html.
Exercici 2: validació del password
Regles del password (expressió regular):
- mínim 8 caràcters
- majúscules i minúscules
- es permet el caràcter _ (guió de subratllat), però no al principi del password.
Tasca: faràs una caixa de text (pot formar part d'un formulari o no) i validaràs amb l'event change si el password és correcte o no. Mostraràs la informació amb un label situat just al costat de la caixa de text (en la mateixa línia). Amb blau o amb vermell, mostraràs la informació password vàlid o password invàlid.
Entrega
Entrega al Classroom, en format pdf o google docs, dels codis generats i dels resultats obtinguts. Captures de pantalla.
creat per Joan Quintana Compte, novembre 2021
