bytes.cat

La wiki d'FP d'informàtica

Eines de l'usuari

Eines del lloc

Camí: • dockeritzacio_aplicacions_symfony • webscraping_apache • django_auth • docker-compose • django_howto • docker-multicontainer • git • kotlin • django_mongo • python_venv
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/02 19:21]
enric_mieza_sanchez [Exercici de login i registre] 		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 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> </WRAP>
 +
 +<WRAP important>
 +Si has de passar l'autotest:
 +  - Ha d'haver al menys un usuari ''ieti'' amb contrasenya ''cordova''.
 +  - Formulari de login:
 +    - Els camps han de tenir ID= ''usuari'' i ''contrasenya''.
 +    - El botó ha de tenir el text ''Login''.
 +    - 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= ''reg_usuari'' , ''reg_email'', ''reg_contrasenya_1'' i ''reg_contrasenya_2''.
 +    - 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> </WRAP>
introduccio_javascript.1701544908.txt.gz · Darrera modificació: 2023/12/02 19:21 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