Ací es mostren les diferències entre la revisió seleccionada i la versió actual de la pàgina.
Ambdós costats versió prèvia Revisió prèvia Següent revisió | Revisió prèvia | ||
introduccio_javascript [2022/12/16 17:44] enric_mieza_sanchez [DOM: Document-Object Model] |
introduccio_javascript [2023/12/04 00:05] (actual) enric_mieza_sanchez [Exercici de login i registre] |
||
---|---|---|---|
Línia 14: | Línia 14: | ||
* [[https:// | * [[https:// | ||
* [[https:// | * [[https:// | ||
- | * [[https:// | ||
* [[https:// | * [[https:// | ||
- | * Altres articles | + | * jQuery |
+ | * [[https:// | ||
Comentaris ràpids per entrar a Javascript: | Comentaris ràpids per entrar a Javascript: | ||
Línia 111: | Línia 111: | ||
Part 1 - HTML i login: | Part 1 - HTML i login: | ||
- | - Crea una pàgina HTML amb 2 formularis: | + | - Crea una pàgina HTML amb 2 formularis |
- | * Login: amb username, password | + | * **Formulari de Login**: amb usuari |
- | * Registre: amb username, email, | + | * **Formulari de Registre**: amb usuari, email, |
- Defineix un [[https:// | - Defineix un [[https:// | ||
- | - Busca com fer que els botons | + | - Assegura' |
- | - Afegeix una funció '' | + | - Afegeix una funció '' |
- | - Crida la funció '' | + | - Crida la funció '' |
- | - Comprova si l' | + | - Comprova si l' |
Part 2 - Registre d' | Part 2 - Registre d' | ||
- | - Implementa una funció '' | + | - Implementa una funció '' |
- Guarda el nom d' | - Guarda el nom d' | ||
- Comprova que ni el nom d' | - Comprova que ni el nom d' | ||
- | * En cas positiu, guarda el nom d' | + | * En cas positiu, guarda el nom d' |
- | * En cas negatiu, informa l' | + | * En cas negatiu, informa l' |
- Comprova que el nou usuari enregistrat funciona si intentem fer login. | - Comprova que el nou usuari enregistrat funciona si intentem fer login. | ||
Línia 132: | Línia 132: | ||
- Què passa amb els usuaris registrats si recarreguem la pàgina? | - Què passa amb els usuaris registrats si recarreguem la pàgina? | ||
</ | </ | ||
+ | |||
+ | <WRAP important> | ||
+ | Si has de passar l' | ||
+ | - Ha d' | ||
+ | - Formulari de login: | ||
+ | - Els camps han de tenir ID= '' | ||
+ | - El botó ha de tenir el text '' | ||
+ | - Login correcte: mostrem un **//alert// amb el text "Login exitós" | ||
+ | - Login incorrecte: mostrem un **//alert// amb el text "Login incorrecte" | ||
+ | - Formulari de registre: | ||
+ | - Els camps han de tenir ID= '' | ||
+ | - El botó ha de tenir el text '' | ||
+ | - Si les 2 contrasenyes dels formulari no coincideixen mostrarem un **//alert// amb el text "Error en les contrasenyes" | ||
+ | - Si les 2 contrasenyes coincideixen mostrarem un **//alert// amb el text "Nou usuari registrat correctament" | ||
+ | - Si el nom d' | ||
+ | </ | ||
+ | |||
</ | </ |