M06UF3Q1. Exercicis de classe: segons, password

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.

L'expressió regular és:

> re = /^[^_][A-Za-z_]{8,}?/;
> console.log(re.test('abs_ASDERre'));
true
> console.log(re.test('abs_ASDERregjgjh'));
true
> console.log(re.test('_abs_ASDERregjgjh'));
false

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