Tutti gli altri (6-10)

JS_Esercizi/JS_Esercizi 08 - DOM+/01_card_profilo/script.js

@@ -0,0 +1,53 @@
+// DATI (Oggetto Singolo)
+// Immagina che questi dati arrivino da un server o da un database.
+const utente = {
+    nome: "Giulia",
+    cognome: "Verdi",
+    eta: 30,
+    email: "giulia.verdi@example.com",
+    telefono: "+39 333 1234567",
+    indirizzo: "Via Roma 10, Milano",
+    professione: "Graphic Designer",
+    fotoUrl: "https://randomuser.me/api/portraits/women/44.jpg", // Url di una foto vera
+    verificato: true // Prova a mettere false per vedere cosa succede
+};
+
+
+// 1. SELEZIONE ELEMENTI DOM
+// Esercizio: Completa i querySelector abbinando gli ID corretti presi dall'HTML
+const elNomeCompleto = document.querySelector(''); // es. #nome-completo
+const elRuolo = document.querySelector('');
+const elEmail = document.querySelector('');
+const elTelefono = document.querySelector('');
+const elIndirizzo = document.querySelector('');
+const elImmagine = document.querySelector(''); 
+const boxVerifica = document.querySelector('');
+
+
+/**
+ * 2. RIEMPIMENTO DATI
+ * Ora devi prendere i dati dall'oggetto 'utente' e metterli dentro gli elementi HTML.
+ */
+
+// A. Testo Semplice (textContent)
+// elNomeCompleto.textContent = ...
+// ...
+
+// B. Attributi (src)
+// elImmagine.src = ...
+// ...
+
+
+// C. Logica Condizionale
+// Se l'utente è "verificato" (true), mostriamo il box verde.
+// Altrimenti lo lasciamo nascosto (o lo nascondiamo esplicitamente).
+
+
+/**
+ * 3. EVENTI
+ * Fai funzionare il bottone "Stampa Profilo"
+ * Quando cliccato, deve lanciare un alert() con scritto: "Sto stampando il profilo di [NOME]"
+ * Alert permette di mostrare un messaggio all'utente e bloccare l'esecuzione finché non preme "OK".
+ * Il suo utilizzo è semplice: alert("Messaggio da mostrare");
+ */
+const btnStampa = document.querySelector('#btn-stampa');