Post

Visualizzazione dei post con l'etichetta Js

3E e 3I Sia: Sistema di login semplificato che include un CAPTCHA testuale

Immagine
  Sistema di login semplificato che include un CAPTCHA testuale 1. Obiettivo dell'Esercizio Imparare a gestire i moduli (form), confrontare stringhe di testo e utilizzare le funzioni JavaScript per generare codici casuali. Suggerimenti per l'accessibilità DSA: Font Leggibile: Useremo un font senza grazie (sans-serif). Colori: Contrasto elevato tra testo e sfondo. Codice Commentato: Spiegazioni brevi e dirette.  2. La Struttura HTML (`index.html`) Questa pagina contiene il modulo di accesso. Abbiamo aggiunto un'area dedicata al CAPTCHA che cambia ogni volta che la pagina viene caricata. <!DOCTYPE html> <html lang="it"> <head>     <meta charset="UTF-8">     <title>Login Accessibile</title>     <link rel="stylesheet" href="style.css"> </head> <body>     <div class="login-container">         <h1>Accedi al Portale</h1>         ...

4E e 4I: l'uso del file di testo con il Php e la libreria Leaflet per la geolocalizzazione (prima parte)

 Creare un'applicazione web con una semplice area riservata. Gli utenti autenticati possono utilizzare la geolocalizzazione del proprio browser per trovare la colonnina di ricarica elettrica più vicina (tra quelle memorizzate in un file di testo) e visualizzare la posizione sulla mappa. 📂 Struttura dei File Per questo progetto, avrai bisogno della seguente struttura di file: /tuo-progetto/ | |-- login.php           (La pagina con il form di login) |-- login_process.php   (Script PHP per verificare il login) |-- map.php             (L'area riservata con la mappa) |-- logout.php          (Script PHP per distruggere la sessione) |-- get_stations.php    (Script PHP che legge il file .txt e restituisce JSON) |-- stations.txt        (Il nostro file di testo con le coordinate) |-- script.js           (Il codice JavaScript per Leaf...