bytes.cat

La wiki d'FP d'informàtica

Eines de l'usuari

Eines del lloc

Camí:
introduccio_javascript

Diferències

Ací es mostren les diferències entre la revisió seleccionada i la versió actual de la pàgina.

Enllaç a la visualització de la comparació

Ambdós costats versió prèvia Revisió prèvia
Següent revisió 		Revisió prèvia
introduccio_javascript [2023/12/03 18:15]
enric_mieza_sanchez [Exercici de login i registre] autotest 		introduccio_javascript [2023/12/04 00:05] (actual)
enric_mieza_sanchez [Exercici de login i registre]
Línia 112: Línia 112:
  
   - Crea una pàgina HTML amb 2 formularis amb diferents colors de fons:   - Crea una pàgina HTML amb 2 formularis amb diferents colors de fons:
-    * Login: amb camps amb ID= ''usuari'' , ''contrasenya'' i un botó amb el text ''Login''. +    * **Formulari de Login**: amb usuari i contrasenya. 
-    * Registre: amb camps amb ID= ''usuari'' , ''email'' , ''contrasenya'' i botó amb el text ''Registra''. +    * **Formulari de Registre**: amb usuari, email, contrasenya. 
-  - Defineix un [[https://www.w3schools.com/jS/js_objects.asp|Object de JS]], a mode de diccionari, amb dos usuaris amb contrasenya. Un d'ells ha de ser usuari ''ieti'' i contrasenya ''cordova''. Fes-ho en una variable global que ens faciliti després afegir més usuaris.+  - Defineix un [[https://www.w3schools.com/jS/js_objects.asp|Object de JS]], a mode de diccionari, amb dos usuaris amb contrasenya. Fes-ho en una variable global que ens faciliti després afegir més usuaris.
   - Assegura't que els botons no recarreguin la pàgina (és suficient amb no posar tag <form>).   - Assegura't que els botons no recarreguin la pàgina (és suficient amb no posar tag <form>).
   - Afegeix una funció ''fer_login()'' dins un tag ''<script>'' al final de la pàgina.   - Afegeix una funció ''fer_login()'' dins un tag ''<script>'' al final de la pàgina.
-  - Crida la funció ''fer_login()'' al clicar el botó del formulari de login. +  - Crida la funció ''fer_login()'' al clicar el botó del formulari de login (amb l'atribut ''onclick''). 
-  - Comprova si l'usuari i contrasenya coincideix amb algun dels usuaris que tenim al diccionari. **Mostra un ''alert'' indicant "Login exitós" o "Login incorrecte"**.+  - Comprova si l'usuari i contrasenya coincideix amb algun dels usuaris que tenim al diccionari. Mostra un ''alert'' indicant "Login exitós" o "Login incorrecte".
  
 Part 2 - Registre d'usuaris: Part 2 - Registre d'usuaris:
Línia 124: Línia 124:
   - Guarda el nom d'usuari, password i email al diccionari que has creat a la part 1.   - Guarda el nom d'usuari, password i email al diccionari que has creat a la part 1.
   - Comprova que ni el nom d'usuari ni l'email no existeixin ja.   - Comprova que ni el nom d'usuari ni l'email no existeixin ja.
-    * En cas positiu, guarda el nom d'usuari, password i email al diccionari que has creat a la part 1, i mostra un **alert amb el missatge "Usuari registrat correctament"**. +    * En cas positiu, guarda el nom d'usuari, password i email al diccionari d'usuaris. 
-    * En cas negatiu, informa l'usuari amb un **alert amb el text "El nom o l'email ja existeixen a la base de dades"**.+    * En cas negatiu, informa l'usuari de l'error.
   - Comprova que el nou usuari enregistrat funciona si intentem fer login.   - Comprova que el nou usuari enregistrat funciona si intentem fer login.
  
Línia 133: Línia 133:
 </WRAP> </WRAP>
  
-<WRAP info> +<WRAP important> 
-Si has de passar el autotest:+Si has de passar l'autotest:
   - Ha d'haver al menys un usuari ''ieti'' amb contrasenya ''cordova''.   - Ha d'haver al menys un usuari ''ieti'' amb contrasenya ''cordova''.
   - Formulari de login:   - Formulari de login:
     - Els camps han de tenir ID= ''usuari'' i ''contrasenya''.     - Els camps han de tenir ID= ''usuari'' i ''contrasenya''.
     - El botó ha de tenir el text ''Login''.     - El botó ha de tenir el text ''Login''.
-    - Quan el login sigui correcte ha de sortir+    - Login correcte: mostrem un **//alert// amb el text "Login exitós"**. 
 +    - Login incorrecte: mostrem un **//alert// amb el text "Login incorrecte"**.
   - Formulari de registre:   - Formulari de registre:
     - Els camps han de tenir ID= ''reg_usuari'' , ''reg_email'', ''reg_contrasenya_1'' i ''reg_contrasenya_2''.     - Els camps han de tenir ID= ''reg_usuari'' , ''reg_email'', ''reg_contrasenya_1'' i ''reg_contrasenya_2''.
     - El botó ha de tenir el text ''Registra''.     - El botó ha de tenir el text ''Registra''.
-    - +    - 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'usuari o l'email ja existeix mostrarem un **//alert// amb text "El nom o l'email ja existeix a la base de dades"**.
 </WRAP> </WRAP>
  
introduccio_javascript.1701627342.txt.gz · Darrera modificació: 2023/12/03 18:15 per enric_mieza_sanchez

Eines de la pàgina

Excepte on es digui una altra cosa, el contingut d'aquest wiki està subjecte a la llicència següent: CC Attribution-Share Alike 4.0 International
CC Attribution-Share Alike 4.0 International Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki