Övning 7: Lösenordsindikatorn

Öppna mappen po7 i Visual Studio Code (eller den editor du föredrar). Studera HTML- och CSS-koden och skriv sedan den JavaScript-kod som krävs för att uppfylla nedanstående.

  1. De tre <div>:arna skall indikera lösenordsstyrka, både i antal och med färg.
  2. Lösenordstyrkan ska beräknas på följande sätt: För varje nedanstående punkt som uppfylls ökar styrkeindikatorn med 1.
    • Minst 8 tecken långt.
    • Innehåller minst en versal.
    • Innehåller minst en gemen.
  3. Uppdateringen av indikatorn skall ske direkt när man skriver in sina tecken. Använd de färdiga klasserna.
  4. Indikatorn ska även uppdateras när man suddar ut tecken.
  5. Tomt fält ska alltid ge blank indikator.

Praktisk övning 7