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ó

--- introduccio_javascript [2022/12/16 18:52]
enric_mieza_sanchez [Referències]
+++ introduccio_javascript [2023/12/04 00:05] (actual)
enric_mieza_sanchez [Exercici de login i registre]
@@ Línia 111: / Línia 111: @@
 Part 1 - HTML i login:
-  - Crea una pàgina HTML amb 2 formularis:
+  - Crea una pàgina HTML amb 2 formularis amb diferents colors de fons:
-    * Login: amb username, password i botó //submit//.
+    * **Formulari de Login**: amb usuari i contrasenya.
-    * Registre: amb username, email, password i botó //submit//.
+    * **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. Fes-ho en una variable global que ens faciliti després afegir més usuaris.
-  - Busca com fer que els botons de //submit// no recarreguin la pàgina.
+  - Assegura't que els botons no recarreguin la pàgina (és suficient amb no posar tag <form>).
-  - Afegeix una funció ''fer_login()'' dins algun tag ''<script>'' dins 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ó de //submit// 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 si el resultat del login és exitós o erroni.
+  - 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:
-  - Implementa una funció ''registra()'' que es cridi al prémer el botó de //submit// del formulari de registre.
+  - Implementa una funció ''registra()'' que es cridi al prémer el botó ''Registra''.
   - 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.
-    * En cas positiu, guarda el nom d'usuari, password i email al diccionari que has creat a la part 1, i dóna un missatge informant que l'usuari s'ha enregistrat correctament.
+    * En cas positiu, guarda el nom d'usuari, password i email al diccionari d'usuaris.
-    * En cas negatiu, informa l'usuari que el nom o email ja existeix 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.
@@ Línia 132: / Línia 132: @@
   - Què passa amb els usuaris registrats si recarreguem la pàgina?
 </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>

bytes.cat

Eines de l'usuari

Eines del lloc

Diferències

Eines de la pàgina