Modulo 5 – Smartphone e Social | Autonomia Portami Via<\/title>\n <style>\n * { margin: 0; padding: 0; box-sizing: border-box; }\n body { font-family: 'Segoe UI', sans-serif; background: linear-gradient(135deg, #00b4db, #0083b0); min-height: 100vh; padding: 20px; line-height: 1.6; }\n .container { max-width: 900px; margin: 0 auto; }\n .header { background: white; border-radius: 20px; padding: 30px; text-align: center; margin-bottom: 20px; }\n .header h1 { color: #0083b0; font-size: 2em; }\n .module-badge { display: inline-block; background: linear-gradient(135deg, #00b4db, #0083b0); color: white; padding: 8px 20px; border-radius: 20px; font-weight: bold; margin-bottom: 15px; }\n .tabs { display: flex; gap: 10px; margin-bottom: 20px; flex-wrap: wrap; }\n .tab { flex: 1; min-width: 130px; padding: 15px; background: white; border: none; border-radius: 15px; cursor: pointer; font-weight: bold; color: #0083b0; }\n .tab.active { background: linear-gradient(135deg, #00b4db, #0083b0); color: white; }\n .content-section { background: white; border-radius: 20px; padding: 30px; display: none; }\n .content-section.active { display: block; }\n .lesson-card { background: #e0f7fa; border-radius: 15px; padding: 25px; margin-bottom: 20px; border-left: 5px solid #0083b0; }\n .lesson-card h3 { color: #0083b0; margin-bottom: 15px; }\n .highlight-box { background: #fff3cd; border-radius: 10px; padding: 20px; margin: 15px 0; border-left: 4px solid #ffc107; }\n .highlight-box.tip { background: #d4edda; border-left-color: #28a745; }\n .highlight-box.warning { background: #f8d7da; border-left-color: #dc3545; }\n h2 { color: #0083b0; margin: 25px 0 15px 0; }\n ul { margin-left: 25px; margin-bottom: 15px; }\n li { margin-bottom: 8px; }\n .screen-time-sim { background: #e0f7fa; border-radius: 15px; padding: 25px; margin: 20px 0; }\n .time-bar { display: flex; align-items: center; gap: 15px; margin: 15px 0; }\n .time-bar label { min-width: 120px; font-weight: bold; }\n .time-bar input[type=\"range\"] { flex: 1; }\n .time-bar .value { min-width: 50px; font-weight: bold; color: #0083b0; }\n .time-result { background: white; border-radius: 10px; padding: 20px; margin-top: 20px; text-align: center; }\n .time-result .big { font-size: 2.5em; font-weight: bold; color: #0083b0; }\n .fake-news-game { margin: 20px 0; }\n .news-card { background: white; border-radius: 10px; padding: 20px; margin: 15px 0; border: 2px solid #ddd; }\n .news-card h4 { color: #333; margin-bottom: 10px; }\n .news-btns { display: flex; gap: 10px; margin-top: 15px; }\n .news-btn { flex: 1; padding: 12px; border: none; border-radius: 8px; cursor: pointer; font-weight: bold; }\n .news-btn.vera { background: #28a745; color: white; }\n .news-btn.falsa { background: #dc3545; color: white; }\n .news-btn:disabled { opacity: 0.6; }\n .news-feedback { margin-top: 10px; padding: 10px; border-radius: 5px; display: none; }\n .privacy-checklist { margin: 20px 0; }\n .check-item { display: flex; align-items: center; gap: 15px; padding: 15px; background: #f5f5f5; border-radius: 10px; margin: 10px 0; cursor: pointer; transition: all 0.3s; }\n .check-item:hover { background: #e0f7fa; }\n .check-item.done { background: #d4edda; }\n .check-item .checkbox { width: 30px; height: 30px; border: 3px solid #0083b0; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 1.2em; }\n .check-item.done .checkbox { background: #28a745; border-color: #28a745; color: white; }\n .quiz-question { background: #e0f7fa; border-radius: 15px; padding: 25px; margin-bottom: 20px; }\n .quiz-options { display: grid; gap: 10px; }\n .quiz-option { padding: 15px; background: white; border: 2px solid #ddd; border-radius: 10px; cursor: pointer; }\n .quiz-option.correct { background: #d4edda; border-color: #28a745; }\n .quiz-option.wrong { background: #f8d7da; border-color: #dc3545; }\n .btn { padding: 12px 30px; border: none; border-radius: 10px; font-weight: bold; cursor: pointer; background: linear-gradient(135deg, #00b4db, #0083b0); color: white; }\n .progress-bar { width: 100%; height: 10px; background: #e0e0e0; border-radius: 5px; margin: 20px 0; }\n .progress-fill { height: 100%; background: linear-gradient(90deg, #00b4db, #0083b0); border-radius: 5px; }\n .score-display { text-align: center; padding: 30px; background: linear-gradient(135deg, #00b4db, #0083b0); border-radius: 15px; color: white; }\n .danger-cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 15px; margin: 20px 0; }\n .danger-card { background: white; border-radius: 10px; padding: 15px; text-align: center; border-top: 4px solid #dc3545; }\n .danger-card .icon { font-size: 2.5em; margin-bottom: 10px; }\n .danger-card h5 { color: #dc3545; }\n <\/style>\n<\/head>\n<body>\n <div class=\"container\">\n <div class=\"header\">\n <div class=\"module-badge\">📚 MODULO 5 – 14 ORE<\/div>\n <h1>📱 Smartphone e Social<\/h1>\n <p>Usa la tecnologia in modo intelligente!<\/p>\n <\/div>\n \n <div class=\"tabs\">\n <button class=\"tab active\" onclick=\"showSection('dispensa')\">📖 Dispensa<\/button>\n <button class=\"tab\" onclick=\"showSection('tempo')\">⏱️ Screen Time<\/button>\n <button class=\"tab\" onclick=\"showSection('fakenews')\">🔍 Fake News<\/button>\n <button class=\"tab\" onclick=\"showSection('privacy')\">🔒 Privacy Check<\/button>\n <button class=\"tab\" onclick=\"showSection('quiz')\">❓ Quiz<\/button>\n <\/div>\n \n \n <div id=\"dispensa\" class=\"content-section active\">\n <h2>🎯 Cosa imparerai<\/h2>\n <p>Internet e i social sono strumenti potentissimi, ma vanno usati con intelligenza!<\/p>\n \n <div class=\"lesson-card\">\n <h3>⏰ Quanto Tempo Online?<\/h3>\n <p>In media i giovani passano <strong>4-6 ore al giorno<\/strong> sullo smartphone. \u00c8 tanto!<\/p>\n <ul>\n <li>6 ore al giorno = <strong>42 ore a settimana<\/strong> (pi\u00f9 di un lavoro!)<\/li>\n <li>6 ore al giorno = <strong>91 giorni all’anno<\/strong><\/li>\n <\/ul>\n <div class=\"highlight-box warning\">\n <h4>⚠️ Segnali di dipendenza<\/h4>\n <ul>\n <li>Controlli il telefono appena sveglio<\/li>\n <li>Ti senti ansioso senza telefono<\/li>\n <li>Perdi la cognizione del tempo online<\/li>\n <li>Preferisci stare online che uscire<\/li>\n <\/ul>\n <\/div>\n <div class=\"highlight-box tip\">\n <h4>💡 Consigli<\/h4>\n <ul>\n <li>Usa le app per controllare il tempo (Screen Time, Digital Wellbeing)<\/li>\n <li>Disattiva le notifiche non importanti<\/li>\n <li>Niente telefono a letto!<\/li>\n <\/ul>\n <\/div>\n <\/div>\n \n <div class=\"lesson-card\">\n <h3>🔒 Privacy: I Tuoi Dati Sono Preziosi<\/h3>\n <p>Quando usi un’app gratuita, il prodotto sei TU. Le aziende guadagnano vendendo i tuoi dati.<\/p>\n <p><strong>Cosa sanno di te:<\/strong><\/p>\n <ul>\n <li>Dove vai (GPS)<\/li>\n <li>Cosa ti piace (like, ricerche)<\/li>\n <li>Chi conosci (contatti, messaggi)<\/li>\n <li>Cosa compri<\/li>\n <\/ul>\n <div class=\"highlight-box warning\">\n <h4>🛑 Mai condividere online:<\/h4>\n <ul>\n <li>Indirizzo di casa<\/li>\n <li>Quando sei in vacanza (casa vuota!)<\/li>\n <li>Documenti d’identit\u00e0<\/li>\n <li>Foto intime<\/li>\n <\/ul>\n <\/div>\n <\/div>\n \n <div class=\"lesson-card\">\n <h3>🔍 Fake News: Come Riconoscerle<\/h3>\n <p>Le <strong>fake news<\/strong> sono notizie false che sembrano vere. Si diffondono perch\u00e9:<\/p>\n <ul>\n <li>Fanno paura o rabbia (emozioni forti)<\/li>\n <li>Confermano quello che gi\u00e0 pensi<\/li>\n <li>Sembrano venire da fonti affidabili<\/li>\n <\/ul>\n <div class=\"highlight-box tip\">\n <h4>✅ Come verificare una notizia:<\/h4>\n <ol>\n <li><strong>Fonte:<\/strong> Chi l’ha scritta? \u00c8 un sito affidabile?<\/li>\n <li><strong>Data:<\/strong> \u00c8 recente o vecchia?<\/li>\n <li><strong>Altre fonti:<\/strong> Altri giornali dicono la stessa cosa?<\/li>\n <li><strong>Foto:<\/strong> Cerca l’immagine su Google per vedere se \u00e8 vera<\/li>\n <\/ol>\n <\/div>\n <\/div>\n \n <div class=\"lesson-card\">\n <h3>🚫 Cyberbullismo<\/h3>\n <p>Il cyberbullismo \u00e8 bullismo online: insulti, minacce, diffusione di foto private, esclusione.<\/p>\n <div class=\"highlight-box warning\">\n <h4>⚠️ \u00c8 un REATO!<\/h4>\n <p>Il cyberbullismo pu\u00f2 essere denunciato. Le conseguenze sono serie, anche per i minorenni.<\/p>\n <\/div>\n <p><strong>Se sei vittima:<\/strong><\/p>\n <ul>\n <li>Non rispondere alle provocazioni<\/li>\n <li>Salva le prove (screenshot)<\/li>\n <li>Blocca e segnala<\/li>\n <li>Parla con un adulto di fiducia<\/li>\n <\/ul>\n <\/div>\n \n <h2>🚨 Pericoli da Conoscere<\/h2>\n <div class=\"danger-cards\">\n <div class=\"danger-card\">\n <div class=\"icon\">📸<\/div>\n <h5>Sexting<\/h5>\n <p>Inviare foto intime \u00e8 rischiosissimo. Possono essere diffuse senza consenso.<\/p>\n <\/div>\n <div class=\"danger-card\">\n <div class=\"icon\">🎭<\/div>\n <h5>Catfishing<\/h5>\n <p>Persone che fingono di essere qualcun altro per ingannarti.<\/p>\n <\/div>\n <div class=\"danger-card\">\n <div class=\"icon\">🔓<\/div>\n <h5>Phishing<\/h5>\n <p>Email\/messaggi falsi che rubano password e dati.<\/p>\n <\/div>\n <div class=\"danger-card\">\n <div class=\"icon\">👁️<\/div>\n <h5>Grooming<\/h5>\n <p>Adulti che cercano di manipolare minori online.<\/p>\n <\/div>\n <\/div>\n <\/div>\n \n \n <div id=\"tempo\" class=\"content-section\">\n <h2>⏱️ Calcola il Tuo Screen Time<\/h2>\n <p>Quanto tempo passi ogni giorno su queste attivit\u00e0?<\/p>\n \n <div class=\"screen-time-sim\">\n <div class=\"time-bar\">\n <label>📱 Social Media<\/label>\n <input type=\"range\" id=\"social\" min=\"0\" max=\"6\" value=\"2\" oninput=\"calcTime()\">\n <span class=\"value\" id=\"social-val\">2h<\/span>\n <\/div>\n <div class=\"time-bar\">\n <label>🎮 Giochi<\/label>\n <input type=\"range\" id=\"giochi\" min=\"0\" max=\"6\" value=\"1\" oninput=\"calcTime()\">\n <span class=\"value\" id=\"giochi-val\">1h<\/span>\n <\/div>\n <div class=\"time-bar\">\n <label>📺 Video\/Streaming<\/label>\n <input type=\"range\" id=\"video\" min=\"0\" max=\"6\" value=\"2\" oninput=\"calcTime()\">\n <span class=\"value\" id=\"video-val\">2h<\/span>\n <\/div>\n <div class=\"time-bar\">\n <label>💬 Chat\/Messaggi<\/label>\n <input type=\"range\" id=\"chat\" min=\"0\" max=\"6\" value=\"1\" oninput=\"calcTime()\">\n <span class=\"value\" id=\"chat-val\">1h<\/span>\n <\/div>\n \n <div class=\"time-result\">\n <p>Tempo totale al giorno:<\/p>\n <div class=\"big\" id=\"total-day\">6 ore<\/div>\n <p style=\"margin-top:15px\">In un anno sono: <strong id=\"total-year\">91 giorni<\/strong> della tua vita!<\/p>\n <\/div>\n <\/div>\n \n <div id=\"time-feedback\" class=\"highlight-box\" style=\"display:none\"><\/div>\n <\/div>\n \n \n <div id=\"fakenews\" class=\"content-section\">\n <h2>🔍 Vera o Falsa?<\/h2>\n <p>Leggi queste notizie e decidi: sono vere o fake news?<\/p>\n \n <div class=\"fake-news-game\">\n <div class=\"news-card\" id=\"news1\">\n <h4>🦠 “Bere acqua calda ogni 15 minuti uccide il coronavirus”<\/h4>\n <p>Secondo esperti medici cinesi, bere acqua calda spesso impedisce al virus di entrare nei polmoni.<\/p>\n <div class=\"news-btns\">\n <button class=\"news-btn vera\" onclick=\"checkNews(1, false)\">✅ VERA<\/button>\n <button class=\"news-btn falsa\" onclick=\"checkNews(1, true)\">❌ FALSA<\/button>\n <\/div>\n <div class=\"news-feedback\" id=\"feed1\"><\/div>\n <\/div>\n \n <div class=\"news-card\" id=\"news2\">\n <h4>🌍 “La Terra \u00e8 pi\u00f9 vicina al Sole d’estate”<\/h4>\n <p>L’estate \u00e8 calda perch\u00e9 la Terra si avvicina al Sole durante quei mesi.<\/p>\n <div class=\"news-btns\">\n <button class=\"news-btn vera\" onclick=\"checkNews(2, false)\">✅ VERA<\/button>\n <button class=\"news-btn falsa\" onclick=\"checkNews(2, true)\">❌ FALSA<\/button>\n <\/div>\n <div class=\"news-feedback\" id=\"feed2\"><\/div>\n <\/div>\n \n <div class=\"news-card\" id=\"news3\">\n <h4>🐝 “Le api possono riconoscere i volti umani”<\/h4>\n <p>Studi scientifici hanno dimostrato che le api sono capaci di distinguere diversi volti umani.<\/p>\n <div class=\"news-btns\">\n <button class=\"news-btn vera\" onclick=\"checkNews(3, true)\">✅ VERA<\/button>\n <button class=\"news-btn falsa\" onclick=\"checkNews(3, false)\">❌ FALSA<\/button>\n <\/div>\n <div class=\"news-feedback\" id=\"feed3\"><\/div>\n <\/div>\n \n <div class=\"news-card\" id=\"news4\">\n <h4>📱 “Il 5G causa malattie e tumori”<\/h4>\n <p>Le onde del 5G sono pericolose per la salute secondo molti esperti indipendenti.<\/p>\n <div class=\"news-btns\">\n <button class=\"news-btn vera\" onclick=\"checkNews(4, false)\">✅ VERA<\/button>\n <button class=\"news-btn falsa\" onclick=\"checkNews(4, true)\">❌ FALSA<\/button>\n <\/div>\n <div class=\"news-feedback\" id=\"feed4\"><\/div>\n <\/div>\n <\/div>\n <\/div>\n \n \n <div id=\"privacy\" class=\"content-section\">\n <h2>🔒 Checklist Privacy<\/h2>\n <p>Clicca su ogni azione che hai gi\u00e0 fatto per proteggere la tua privacy:<\/p>\n \n <div class=\"privacy-checklist\">\n <div class=\"check-item\" onclick=\"toggleCheck(this)\">\n <div class=\"checkbox\"><\/div>\n <div><strong>Password sicure<\/strong> – Uso password diverse e complesse per ogni account<\/div>\n <\/div>\n <div class=\"check-item\" onclick=\"toggleCheck(this)\">\n <div class=\"checkbox\"><\/div>\n <div><strong>Autenticazione a 2 fattori<\/strong> – Ho attivato la verifica in due passaggi<\/div>\n <\/div>\n <div class=\"check-item\" onclick=\"toggleCheck(this)\">\n <div class=\"checkbox\"><\/div>\n <div><strong>Privacy sui social<\/strong> – Ho controllato le impostazioni privacy dei miei profili<\/div>\n <\/div>\n <div class=\"check-item\" onclick=\"toggleCheck(this)\">\n <div class=\"checkbox\"><\/div>\n <div><strong>Localizzazione<\/strong> – Disattivo il GPS quando non serve<\/div>\n <\/div>\n <div class=\"check-item\" onclick=\"toggleCheck(this)\">\n <div class=\"checkbox\"><\/div>\n <div><strong>Permessi app<\/strong> – Controllo quali permessi do alle app<\/div>\n <\/div>\n <div class=\"check-item\" onclick=\"toggleCheck(this)\">\n <div class=\"checkbox\"><\/div>\n <div><strong>Link sospetti<\/strong> – Non clicco su link strani in email o messaggi<\/div>\n <\/div>\n <\/div>\n \n <div id=\"privacy-result\" class=\"highlight-box tip\" style=\"display:none;margin-top:20px\">\n <h4>🎉 Ottimo lavoro!<\/h4>\n <p>Stai proteggendo bene la tua privacy!<\/p>\n <\/div>\n <\/div>\n \n \n <div id=\"quiz\" class=\"content-section\">\n <h2>❓ Quiz<\/h2>\n <div class=\"progress-bar\"><div class=\"progress-fill\" id=\"prog\" style=\"width:0%\"><\/div><\/div>\n <div id=\"qc\"><\/div>\n <div id=\"result\" class=\"score-display\" style=\"display:none\">\n <h3>🎉 Completato!<\/h3>\n <p>Corrette: <span id=\"sc\">0<\/span>\/5<\/p>\n <button class=\"btn\" style=\"background:white;color:#0083b0;margin-top:15px\" onclick=\"resetQ()\">🔄 Rifai<\/button>\n <\/div>\n <\/div>\n <\/div>\n \n <script>\n function showSection(id) {\n document.querySelectorAll('.content-section').forEach(s => s.classList.remove('active'));\n document.querySelectorAll('.tab').forEach(t => t.classList.remove('active'));\n document.getElementById(id).classList.add('active');\n event.target.classList.add('active');\n }\n \n function calcTime() {\n const social = parseInt(document.getElementById('social').value);\n const giochi = parseInt(document.getElementById('giochi').value);\n const video = parseInt(document.getElementById('video').value);\n const chat = parseInt(document.getElementById('chat').value);\n \n document.getElementById('social-val').textContent = social + 'h';\n document.getElementById('giochi-val').textContent = giochi + 'h';\n document.getElementById('video-val').textContent = video + 'h';\n document.getElementById('chat-val').textContent = chat + 'h';\n \n const total = social + giochi + video + chat;\n document.getElementById('total-day').textContent = total + ' ore';\n document.getElementById('total-year').textContent = Math.round(total * 365 \/ 24) + ' giorni';\n \n const fb = document.getElementById('time-feedback');\n if (total > 6) {\n fb.innerHTML = '<h4>⚠️ Attenzione!<\/h4><p>Stai passando molto tempo online. Prova a ridurre un po\\'!<\/p>';\n fb.className = 'highlight-box warning';\n } else if (total > 3) {\n fb.innerHTML = '<h4>👍 Nella media<\/h4><p>Il tuo tempo online \u00e8 nella media. Cerca di bilanciare con attivit\u00e0 offline!<\/p>';\n fb.className = 'highlight-box';\n } else {\n fb.innerHTML = '<h4>✅ Ottimo!<\/h4><p>Hai un buon equilibrio tra online e offline!<\/p>';\n fb.className = 'highlight-box tip';\n }\n fb.style.display = 'block';\n }\n \n const newsFeedback = {\n 1: { text: 'FALSA! Non esistono prove che l\\'acqua calda abbia effetti sul virus. Sempre verificare con fonti ufficiali (OMS, Ministero Salute).', isTrue: false },\n 2: { text: 'FALSA! L\\'estate \u00e8 calda per l\\'inclinazione dell\\'asse terrestre, non per la distanza dal Sole. Anzi, d\\'estate siamo pi\u00f9 LONTANI!', isTrue: false },\n 3: { text: 'VERA! Studi scientifici (University of Cambridge) hanno dimostrato che le api possono imparare a riconoscere volti umani.', isTrue: true },\n 4: { text: 'FALSA! Nessuno studio scientifico serio ha dimostrato che il 5G sia pericoloso. L\\'OMS e le agenzie sanitarie confermano che \u00e8 sicuro.', isTrue: false }\n };\n \n function checkNews(n, answer) {\n const btns = document.querySelectorAll(`#news${n} .news-btn`);\n btns.forEach(b => b.disabled = true);\n const correct = answer === newsFeedback[n].isTrue;\n const fb = document.getElementById('feed' + n);\n fb.innerHTML = (correct ? '✅ Corretto! ' : '❌ Sbagliato! ') + newsFeedback[n].text;\n fb.style.background = correct ? '#d4edda' : '#f8d7da';\n fb.style.display = 'block';\n }\n \n let checkedCount = 0;\n function toggleCheck(el) {\n el.classList.toggle('done');\n const checkbox = el.querySelector('.checkbox');\n if (el.classList.contains('done')) {\n checkbox.textContent = '\u2713';\n checkedCount++;\n } else {\n checkbox.textContent = '';\n checkedCount--;\n }\n if (checkedCount >= 5) {\n document.getElementById('privacy-result').style.display = 'block';\n }\n }\n \n const qs = [\n { q: \"Quanto tempo passano in media i giovani sullo smartphone?\", o: [\"1-2 ore\", \"4-6 ore\", \"8-10 ore\"], a: 1 },\n { q: \"Cos'\u00e8 il phishing?\", o: [\"Un gioco online\", \"Messaggi falsi che rubano dati\", \"Un social network\"], a: 1 },\n { q: \"Cosa fare se sei vittima di cyberbullismo?\", o: [\"Rispondere con insulti\", \"Screenshot, blocca, parla con adulto\", \"Cancellare tutto e dimenticare\"], a: 1 },\n { q: \"Come verificare se una notizia \u00e8 vera?\", o: [\"Fidarsi del titolo\", \"Controllare altre fonti affidabili\", \"Credere se ha tante condivisioni\"], a: 1 },\n { q: \"Il cyberbullismo \u00e8 un reato?\", o: [\"No, \u00e8 solo online\", \"S\u00ec, si pu\u00f2 denunciare\", \"Solo se sei maggiorenne\"], a: 1 }\n ];\n let score = 0;\n \n function loadQ() {\n document.getElementById('qc').innerHTML = qs.map((q,i) => `\n <div class=\"quiz-question\" id=\"q${i}\" style=\"display:${i===0?'block':'none'}\">\n <h4>Domanda ${i+1}\/5<\/h4><p>${q.q}<\/p>\n <div class=\"quiz-options\">${q.o.map((o,j) => `<div class=\"quiz-option\" onclick=\"ans(${i},${j})\">${o}<\/div>`).join('')}<\/div>\n <\/div>`).join('');\n }\n \n function ans(qi, ai) {\n document.querySelectorAll(`#q${qi} .quiz-option`).forEach((o,i) => {\n o.style.pointerEvents = 'none';\n if (i === qs[qi].a) o.classList.add('correct');\n else if (i === ai) o.classList.add('wrong');\n });\n if (ai === qs[qi].a) score++;\n document.getElementById('prog').style.width = ((qi+1)\/5*100)+'%';\n setTimeout(() => {\n document.getElementById(`q${qi}`).style.display = 'none';\n if (qi < 4) document.getElementById(`q${qi+1}`).style.display = 'block';\n else { document.getElementById('qc').style.display = 'none'; document.getElementById('result').style.display = 'block'; document.getElementById('sc').textContent = score; }\n }, 800);\n }\n \n function resetQ() { score = 0; document.getElementById('prog').style.width = '0%'; document.getElementById('result').style.display = 'none'; document.getElementById('qc').style.display = 'block'; loadQ(); }\n loadQ();\n calcTime();\n <\/script>\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>Modulo 5 – Smartphone e Social | Autonomia Portami Via 📚 MODULO 5 – 14 ORE 📱 Smartphone e Social Usa la tecnologia in modo intelligente! 📖 Dispensa ⏱️ Screen Time 🔍 Fake News 🔒 Privacy Check ❓ Quiz 🎯 Cosa imparerai Internet e i social sono strumenti potentissimi, ma vanno usati con intelligenza! ⏰ … <a title=\"Smartphone e Social\" class=\"read-more\" href=\"https:\/\/studikis.it\/?p=49\" aria-label=\"Read more about Smartphone e Social\">Read more<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-49","post","type-post","status-publish","format-standard","hentry","category-corsimarzogiugno26"],"_links":{"self":[{"href":"https:\/\/studikis.it\/index.php?rest_route=\/wp\/v2\/posts\/49","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/studikis.it\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/studikis.it\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/studikis.it\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/studikis.it\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=49"}],"version-history":[{"count":1,"href":"https:\/\/studikis.it\/index.php?rest_route=\/wp\/v2\/posts\/49\/revisions"}],"predecessor-version":[{"id":50,"href":"https:\/\/studikis.it\/index.php?rest_route=\/wp\/v2\/posts\/49\/revisions\/50"}],"wp:attachment":[{"href":"https:\/\/studikis.it\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=49"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/studikis.it\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=49"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/studikis.it\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=49"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":49,"date":"2026-03-10T09:19:47","date_gmt":"2026-03-10T09:19:47","guid":{"rendered":"https:\/\/studikis.it\/?p=49"},"modified":"2026-03-10T10:32:29","modified_gmt":"2026-03-10T10:32:29","slug":"smartphone-e-social","status":"publish","type":"post","link":"https:\/\/studikis.it\/?p=49","title":{"rendered":"Smartphone e Social"},"content":{"rendered":"\n\n\n\n \n \n Modulo 5 – Smartphone e Social | Autonomia Portami Via<\/title>\n <style>\n * { margin: 0; padding: 0; box-sizing: border-box; }\n body { font-family: 'Segoe UI', sans-serif; background: linear-gradient(135deg, #00b4db, #0083b0); min-height: 100vh; padding: 20px; line-height: 1.6; }\n .container { max-width: 900px; margin: 0 auto; }\n .header { background: white; border-radius: 20px; padding: 30px; text-align: center; margin-bottom: 20px; }\n .header h1 { color: #0083b0; font-size: 2em; }\n .module-badge { display: inline-block; background: linear-gradient(135deg, #00b4db, #0083b0); color: white; padding: 8px 20px; border-radius: 20px; font-weight: bold; margin-bottom: 15px; }\n .tabs { display: flex; gap: 10px; margin-bottom: 20px; flex-wrap: wrap; }\n .tab { flex: 1; min-width: 130px; padding: 15px; background: white; border: none; border-radius: 15px; cursor: pointer; font-weight: bold; color: #0083b0; }\n .tab.active { background: linear-gradient(135deg, #00b4db, #0083b0); color: white; }\n .content-section { background: white; border-radius: 20px; padding: 30px; display: none; }\n .content-section.active { display: block; }\n .lesson-card { background: #e0f7fa; border-radius: 15px; padding: 25px; margin-bottom: 20px; border-left: 5px solid #0083b0; }\n .lesson-card h3 { color: #0083b0; margin-bottom: 15px; }\n .highlight-box { background: #fff3cd; border-radius: 10px; padding: 20px; margin: 15px 0; border-left: 4px solid #ffc107; }\n .highlight-box.tip { background: #d4edda; border-left-color: #28a745; }\n .highlight-box.warning { background: #f8d7da; border-left-color: #dc3545; }\n h2 { color: #0083b0; margin: 25px 0 15px 0; }\n ul { margin-left: 25px; margin-bottom: 15px; }\n li { margin-bottom: 8px; }\n .screen-time-sim { background: #e0f7fa; border-radius: 15px; padding: 25px; margin: 20px 0; }\n .time-bar { display: flex; align-items: center; gap: 15px; margin: 15px 0; }\n .time-bar label { min-width: 120px; font-weight: bold; }\n .time-bar input[type=\"range\"] { flex: 1; }\n .time-bar .value { min-width: 50px; font-weight: bold; color: #0083b0; }\n .time-result { background: white; border-radius: 10px; padding: 20px; margin-top: 20px; text-align: center; }\n .time-result .big { font-size: 2.5em; font-weight: bold; color: #0083b0; }\n .fake-news-game { margin: 20px 0; }\n .news-card { background: white; border-radius: 10px; padding: 20px; margin: 15px 0; border: 2px solid #ddd; }\n .news-card h4 { color: #333; margin-bottom: 10px; }\n .news-btns { display: flex; gap: 10px; margin-top: 15px; }\n .news-btn { flex: 1; padding: 12px; border: none; border-radius: 8px; cursor: pointer; font-weight: bold; }\n .news-btn.vera { background: #28a745; color: white; }\n .news-btn.falsa { background: #dc3545; color: white; }\n .news-btn:disabled { opacity: 0.6; }\n .news-feedback { margin-top: 10px; padding: 10px; border-radius: 5px; display: none; }\n .privacy-checklist { margin: 20px 0; }\n .check-item { display: flex; align-items: center; gap: 15px; padding: 15px; background: #f5f5f5; border-radius: 10px; margin: 10px 0; cursor: pointer; transition: all 0.3s; }\n .check-item:hover { background: #e0f7fa; }\n .check-item.done { background: #d4edda; }\n .check-item .checkbox { width: 30px; height: 30px; border: 3px solid #0083b0; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 1.2em; }\n .check-item.done .checkbox { background: #28a745; border-color: #28a745; color: white; }\n .quiz-question { background: #e0f7fa; border-radius: 15px; padding: 25px; margin-bottom: 20px; }\n .quiz-options { display: grid; gap: 10px; }\n .quiz-option { padding: 15px; background: white; border: 2px solid #ddd; border-radius: 10px; cursor: pointer; }\n .quiz-option.correct { background: #d4edda; border-color: #28a745; }\n .quiz-option.wrong { background: #f8d7da; border-color: #dc3545; }\n .btn { padding: 12px 30px; border: none; border-radius: 10px; font-weight: bold; cursor: pointer; background: linear-gradient(135deg, #00b4db, #0083b0); color: white; }\n .progress-bar { width: 100%; height: 10px; background: #e0e0e0; border-radius: 5px; margin: 20px 0; }\n .progress-fill { height: 100%; background: linear-gradient(90deg, #00b4db, #0083b0); border-radius: 5px; }\n .score-display { text-align: center; padding: 30px; background: linear-gradient(135deg, #00b4db, #0083b0); border-radius: 15px; color: white; }\n .danger-cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 15px; margin: 20px 0; }\n .danger-card { background: white; border-radius: 10px; padding: 15px; text-align: center; border-top: 4px solid #dc3545; }\n .danger-card .icon { font-size: 2.5em; margin-bottom: 10px; }\n .danger-card h5 { color: #dc3545; }\n <\/style>\n<\/head>\n<body>\n <div class=\"container\">\n <div class=\"header\">\n <div class=\"module-badge\">📚 MODULO 5 – 14 ORE<\/div>\n <h1>📱 Smartphone e Social<\/h1>\n <p>Usa la tecnologia in modo intelligente!<\/p>\n <\/div>\n \n <div class=\"tabs\">\n <button class=\"tab active\" onclick=\"showSection('dispensa')\">📖 Dispensa<\/button>\n <button class=\"tab\" onclick=\"showSection('tempo')\">⏱️ Screen Time<\/button>\n <button class=\"tab\" onclick=\"showSection('fakenews')\">🔍 Fake News<\/button>\n <button class=\"tab\" onclick=\"showSection('privacy')\">🔒 Privacy Check<\/button>\n <button class=\"tab\" onclick=\"showSection('quiz')\">❓ Quiz<\/button>\n <\/div>\n \n \n <div id=\"dispensa\" class=\"content-section active\">\n <h2>🎯 Cosa imparerai<\/h2>\n <p>Internet e i social sono strumenti potentissimi, ma vanno usati con intelligenza!<\/p>\n \n <div class=\"lesson-card\">\n <h3>⏰ Quanto Tempo Online?<\/h3>\n <p>In media i giovani passano <strong>4-6 ore al giorno<\/strong> sullo smartphone. \u00c8 tanto!<\/p>\n <ul>\n <li>6 ore al giorno = <strong>42 ore a settimana<\/strong> (pi\u00f9 di un lavoro!)<\/li>\n <li>6 ore al giorno = <strong>91 giorni all’anno<\/strong><\/li>\n <\/ul>\n <div class=\"highlight-box warning\">\n <h4>⚠️ Segnali di dipendenza<\/h4>\n <ul>\n <li>Controlli il telefono appena sveglio<\/li>\n <li>Ti senti ansioso senza telefono<\/li>\n <li>Perdi la cognizione del tempo online<\/li>\n <li>Preferisci stare online che uscire<\/li>\n <\/ul>\n <\/div>\n <div class=\"highlight-box tip\">\n <h4>💡 Consigli<\/h4>\n <ul>\n <li>Usa le app per controllare il tempo (Screen Time, Digital Wellbeing)<\/li>\n <li>Disattiva le notifiche non importanti<\/li>\n <li>Niente telefono a letto!<\/li>\n <\/ul>\n <\/div>\n <\/div>\n \n <div class=\"lesson-card\">\n <h3>🔒 Privacy: I Tuoi Dati Sono Preziosi<\/h3>\n <p>Quando usi un’app gratuita, il prodotto sei TU. Le aziende guadagnano vendendo i tuoi dati.<\/p>\n <p><strong>Cosa sanno di te:<\/strong><\/p>\n <ul>\n <li>Dove vai (GPS)<\/li>\n <li>Cosa ti piace (like, ricerche)<\/li>\n <li>Chi conosci (contatti, messaggi)<\/li>\n <li>Cosa compri<\/li>\n <\/ul>\n <div class=\"highlight-box warning\">\n <h4>🛑 Mai condividere online:<\/h4>\n <ul>\n <li>Indirizzo di casa<\/li>\n <li>Quando sei in vacanza (casa vuota!)<\/li>\n <li>Documenti d’identit\u00e0<\/li>\n <li>Foto intime<\/li>\n <\/ul>\n <\/div>\n <\/div>\n \n <div class=\"lesson-card\">\n <h3>🔍 Fake News: Come Riconoscerle<\/h3>\n <p>Le <strong>fake news<\/strong> sono notizie false che sembrano vere. Si diffondono perch\u00e9:<\/p>\n <ul>\n <li>Fanno paura o rabbia (emozioni forti)<\/li>\n <li>Confermano quello che gi\u00e0 pensi<\/li>\n <li>Sembrano venire da fonti affidabili<\/li>\n <\/ul>\n <div class=\"highlight-box tip\">\n <h4>✅ Come verificare una notizia:<\/h4>\n <ol>\n <li><strong>Fonte:<\/strong> Chi l’ha scritta? \u00c8 un sito affidabile?<\/li>\n <li><strong>Data:<\/strong> \u00c8 recente o vecchia?<\/li>\n <li><strong>Altre fonti:<\/strong> Altri giornali dicono la stessa cosa?<\/li>\n <li><strong>Foto:<\/strong> Cerca l’immagine su Google per vedere se \u00e8 vera<\/li>\n <\/ol>\n <\/div>\n <\/div>\n \n <div class=\"lesson-card\">\n <h3>🚫 Cyberbullismo<\/h3>\n <p>Il cyberbullismo \u00e8 bullismo online: insulti, minacce, diffusione di foto private, esclusione.<\/p>\n <div class=\"highlight-box warning\">\n <h4>⚠️ \u00c8 un REATO!<\/h4>\n <p>Il cyberbullismo pu\u00f2 essere denunciato. Le conseguenze sono serie, anche per i minorenni.<\/p>\n <\/div>\n <p><strong>Se sei vittima:<\/strong><\/p>\n <ul>\n <li>Non rispondere alle provocazioni<\/li>\n <li>Salva le prove (screenshot)<\/li>\n <li>Blocca e segnala<\/li>\n <li>Parla con un adulto di fiducia<\/li>\n <\/ul>\n <\/div>\n \n <h2>🚨 Pericoli da Conoscere<\/h2>\n <div class=\"danger-cards\">\n <div class=\"danger-card\">\n <div class=\"icon\">📸<\/div>\n <h5>Sexting<\/h5>\n <p>Inviare foto intime \u00e8 rischiosissimo. Possono essere diffuse senza consenso.<\/p>\n <\/div>\n <div class=\"danger-card\">\n <div class=\"icon\">🎭<\/div>\n <h5>Catfishing<\/h5>\n <p>Persone che fingono di essere qualcun altro per ingannarti.<\/p>\n <\/div>\n <div class=\"danger-card\">\n <div class=\"icon\">🔓<\/div>\n <h5>Phishing<\/h5>\n <p>Email\/messaggi falsi che rubano password e dati.<\/p>\n <\/div>\n <div class=\"danger-card\">\n <div class=\"icon\">👁️<\/div>\n <h5>Grooming<\/h5>\n <p>Adulti che cercano di manipolare minori online.<\/p>\n <\/div>\n <\/div>\n <\/div>\n \n \n <div id=\"tempo\" class=\"content-section\">\n <h2>⏱️ Calcola il Tuo Screen Time<\/h2>\n <p>Quanto tempo passi ogni giorno su queste attivit\u00e0?<\/p>\n \n <div class=\"screen-time-sim\">\n <div class=\"time-bar\">\n <label>📱 Social Media<\/label>\n <input type=\"range\" id=\"social\" min=\"0\" max=\"6\" value=\"2\" oninput=\"calcTime()\">\n <span class=\"value\" id=\"social-val\">2h<\/span>\n <\/div>\n <div class=\"time-bar\">\n <label>🎮 Giochi<\/label>\n <input type=\"range\" id=\"giochi\" min=\"0\" max=\"6\" value=\"1\" oninput=\"calcTime()\">\n <span class=\"value\" id=\"giochi-val\">1h<\/span>\n <\/div>\n <div class=\"time-bar\">\n <label>📺 Video\/Streaming<\/label>\n <input type=\"range\" id=\"video\" min=\"0\" max=\"6\" value=\"2\" oninput=\"calcTime()\">\n <span class=\"value\" id=\"video-val\">2h<\/span>\n <\/div>\n <div class=\"time-bar\">\n <label>💬 Chat\/Messaggi<\/label>\n <input type=\"range\" id=\"chat\" min=\"0\" max=\"6\" value=\"1\" oninput=\"calcTime()\">\n <span class=\"value\" id=\"chat-val\">1h<\/span>\n <\/div>\n \n <div class=\"time-result\">\n <p>Tempo totale al giorno:<\/p>\n <div class=\"big\" id=\"total-day\">6 ore<\/div>\n <p style=\"margin-top:15px\">In un anno sono: <strong id=\"total-year\">91 giorni<\/strong> della tua vita!<\/p>\n <\/div>\n <\/div>\n \n <div id=\"time-feedback\" class=\"highlight-box\" style=\"display:none\"><\/div>\n <\/div>\n \n \n <div id=\"fakenews\" class=\"content-section\">\n <h2>🔍 Vera o Falsa?<\/h2>\n <p>Leggi queste notizie e decidi: sono vere o fake news?<\/p>\n \n <div class=\"fake-news-game\">\n <div class=\"news-card\" id=\"news1\">\n <h4>🦠 “Bere acqua calda ogni 15 minuti uccide il coronavirus”<\/h4>\n <p>Secondo esperti medici cinesi, bere acqua calda spesso impedisce al virus di entrare nei polmoni.<\/p>\n <div class=\"news-btns\">\n <button class=\"news-btn vera\" onclick=\"checkNews(1, false)\">✅ VERA<\/button>\n <button class=\"news-btn falsa\" onclick=\"checkNews(1, true)\">❌ FALSA<\/button>\n <\/div>\n <div class=\"news-feedback\" id=\"feed1\"><\/div>\n <\/div>\n \n <div class=\"news-card\" id=\"news2\">\n <h4>🌍 “La Terra \u00e8 pi\u00f9 vicina al Sole d’estate”<\/h4>\n <p>L’estate \u00e8 calda perch\u00e9 la Terra si avvicina al Sole durante quei mesi.<\/p>\n <div class=\"news-btns\">\n <button class=\"news-btn vera\" onclick=\"checkNews(2, false)\">✅ VERA<\/button>\n <button class=\"news-btn falsa\" onclick=\"checkNews(2, true)\">❌ FALSA<\/button>\n <\/div>\n <div class=\"news-feedback\" id=\"feed2\"><\/div>\n <\/div>\n \n <div class=\"news-card\" id=\"news3\">\n <h4>🐝 “Le api possono riconoscere i volti umani”<\/h4>\n <p>Studi scientifici hanno dimostrato che le api sono capaci di distinguere diversi volti umani.<\/p>\n <div class=\"news-btns\">\n <button class=\"news-btn vera\" onclick=\"checkNews(3, true)\">✅ VERA<\/button>\n <button class=\"news-btn falsa\" onclick=\"checkNews(3, false)\">❌ FALSA<\/button>\n <\/div>\n <div class=\"news-feedback\" id=\"feed3\"><\/div>\n <\/div>\n \n <div class=\"news-card\" id=\"news4\">\n <h4>📱 “Il 5G causa malattie e tumori”<\/h4>\n <p>Le onde del 5G sono pericolose per la salute secondo molti esperti indipendenti.<\/p>\n <div class=\"news-btns\">\n <button class=\"news-btn vera\" onclick=\"checkNews(4, false)\">✅ VERA<\/button>\n <button class=\"news-btn falsa\" onclick=\"checkNews(4, true)\">❌ FALSA<\/button>\n <\/div>\n <div class=\"news-feedback\" id=\"feed4\"><\/div>\n <\/div>\n <\/div>\n <\/div>\n \n \n <div id=\"privacy\" class=\"content-section\">\n <h2>🔒 Checklist Privacy<\/h2>\n <p>Clicca su ogni azione che hai gi\u00e0 fatto per proteggere la tua privacy:<\/p>\n \n <div class=\"privacy-checklist\">\n <div class=\"check-item\" onclick=\"toggleCheck(this)\">\n <div class=\"checkbox\"><\/div>\n <div><strong>Password sicure<\/strong> – Uso password diverse e complesse per ogni account<\/div>\n <\/div>\n <div class=\"check-item\" onclick=\"toggleCheck(this)\">\n <div class=\"checkbox\"><\/div>\n <div><strong>Autenticazione a 2 fattori<\/strong> – Ho attivato la verifica in due passaggi<\/div>\n <\/div>\n <div class=\"check-item\" onclick=\"toggleCheck(this)\">\n <div class=\"checkbox\"><\/div>\n <div><strong>Privacy sui social<\/strong> – Ho controllato le impostazioni privacy dei miei profili<\/div>\n <\/div>\n <div class=\"check-item\" onclick=\"toggleCheck(this)\">\n <div class=\"checkbox\"><\/div>\n <div><strong>Localizzazione<\/strong> – Disattivo il GPS quando non serve<\/div>\n <\/div>\n <div class=\"check-item\" onclick=\"toggleCheck(this)\">\n <div class=\"checkbox\"><\/div>\n <div><strong>Permessi app<\/strong> – Controllo quali permessi do alle app<\/div>\n <\/div>\n <div class=\"check-item\" onclick=\"toggleCheck(this)\">\n <div class=\"checkbox\"><\/div>\n <div><strong>Link sospetti<\/strong> – Non clicco su link strani in email o messaggi<\/div>\n <\/div>\n <\/div>\n \n <div id=\"privacy-result\" class=\"highlight-box tip\" style=\"display:none;margin-top:20px\">\n <h4>🎉 Ottimo lavoro!<\/h4>\n <p>Stai proteggendo bene la tua privacy!<\/p>\n <\/div>\n <\/div>\n \n \n <div id=\"quiz\" class=\"content-section\">\n <h2>❓ Quiz<\/h2>\n <div class=\"progress-bar\"><div class=\"progress-fill\" id=\"prog\" style=\"width:0%\"><\/div><\/div>\n <div id=\"qc\"><\/div>\n <div id=\"result\" class=\"score-display\" style=\"display:none\">\n <h3>🎉 Completato!<\/h3>\n <p>Corrette: <span id=\"sc\">0<\/span>\/5<\/p>\n <button class=\"btn\" style=\"background:white;color:#0083b0;margin-top:15px\" onclick=\"resetQ()\">🔄 Rifai<\/button>\n <\/div>\n <\/div>\n <\/div>\n \n <script>\n function showSection(id) {\n document.querySelectorAll('.content-section').forEach(s => s.classList.remove('active'));\n document.querySelectorAll('.tab').forEach(t => t.classList.remove('active'));\n document.getElementById(id).classList.add('active');\n event.target.classList.add('active');\n }\n \n function calcTime() {\n const social = parseInt(document.getElementById('social').value);\n const giochi = parseInt(document.getElementById('giochi').value);\n const video = parseInt(document.getElementById('video').value);\n const chat = parseInt(document.getElementById('chat').value);\n \n document.getElementById('social-val').textContent = social + 'h';\n document.getElementById('giochi-val').textContent = giochi + 'h';\n document.getElementById('video-val').textContent = video + 'h';\n document.getElementById('chat-val').textContent = chat + 'h';\n \n const total = social + giochi + video + chat;\n document.getElementById('total-day').textContent = total + ' ore';\n document.getElementById('total-year').textContent = Math.round(total * 365 \/ 24) + ' giorni';\n \n const fb = document.getElementById('time-feedback');\n if (total > 6) {\n fb.innerHTML = '<h4>⚠️ Attenzione!<\/h4><p>Stai passando molto tempo online. Prova a ridurre un po\\'!<\/p>';\n fb.className = 'highlight-box warning';\n } else if (total > 3) {\n fb.innerHTML = '<h4>👍 Nella media<\/h4><p>Il tuo tempo online \u00e8 nella media. Cerca di bilanciare con attivit\u00e0 offline!<\/p>';\n fb.className = 'highlight-box';\n } else {\n fb.innerHTML = '<h4>✅ Ottimo!<\/h4><p>Hai un buon equilibrio tra online e offline!<\/p>';\n fb.className = 'highlight-box tip';\n }\n fb.style.display = 'block';\n }\n \n const newsFeedback = {\n 1: { text: 'FALSA! Non esistono prove che l\\'acqua calda abbia effetti sul virus. Sempre verificare con fonti ufficiali (OMS, Ministero Salute).', isTrue: false },\n 2: { text: 'FALSA! L\\'estate \u00e8 calda per l\\'inclinazione dell\\'asse terrestre, non per la distanza dal Sole. Anzi, d\\'estate siamo pi\u00f9 LONTANI!', isTrue: false },\n 3: { text: 'VERA! Studi scientifici (University of Cambridge) hanno dimostrato che le api possono imparare a riconoscere volti umani.', isTrue: true },\n 4: { text: 'FALSA! Nessuno studio scientifico serio ha dimostrato che il 5G sia pericoloso. L\\'OMS e le agenzie sanitarie confermano che \u00e8 sicuro.', isTrue: false }\n };\n \n function checkNews(n, answer) {\n const btns = document.querySelectorAll(`#news${n} .news-btn`);\n btns.forEach(b => b.disabled = true);\n const correct = answer === newsFeedback[n].isTrue;\n const fb = document.getElementById('feed' + n);\n fb.innerHTML = (correct ? '✅ Corretto! ' : '❌ Sbagliato! ') + newsFeedback[n].text;\n fb.style.background = correct ? '#d4edda' : '#f8d7da';\n fb.style.display = 'block';\n }\n \n let checkedCount = 0;\n function toggleCheck(el) {\n el.classList.toggle('done');\n const checkbox = el.querySelector('.checkbox');\n if (el.classList.contains('done')) {\n checkbox.textContent = '\u2713';\n checkedCount++;\n } else {\n checkbox.textContent = '';\n checkedCount--;\n }\n if (checkedCount >= 5) {\n document.getElementById('privacy-result').style.display = 'block';\n }\n }\n \n const qs = [\n { q: \"Quanto tempo passano in media i giovani sullo smartphone?\", o: [\"1-2 ore\", \"4-6 ore\", \"8-10 ore\"], a: 1 },\n { q: \"Cos'\u00e8 il phishing?\", o: [\"Un gioco online\", \"Messaggi falsi che rubano dati\", \"Un social network\"], a: 1 },\n { q: \"Cosa fare se sei vittima di cyberbullismo?\", o: [\"Rispondere con insulti\", \"Screenshot, blocca, parla con adulto\", \"Cancellare tutto e dimenticare\"], a: 1 },\n { q: \"Come verificare se una notizia \u00e8 vera?\", o: [\"Fidarsi del titolo\", \"Controllare altre fonti affidabili\", \"Credere se ha tante condivisioni\"], a: 1 },\n { q: \"Il cyberbullismo \u00e8 un reato?\", o: [\"No, \u00e8 solo online\", \"S\u00ec, si pu\u00f2 denunciare\", \"Solo se sei maggiorenne\"], a: 1 }\n ];\n let score = 0;\n \n function loadQ() {\n document.getElementById('qc').innerHTML = qs.map((q,i) => `\n <div class=\"quiz-question\" id=\"q${i}\" style=\"display:${i===0?'block':'none'}\">\n <h4>Domanda ${i+1}\/5<\/h4><p>${q.q}<\/p>\n <div class=\"quiz-options\">${q.o.map((o,j) => `<div class=\"quiz-option\" onclick=\"ans(${i},${j})\">${o}<\/div>`).join('')}<\/div>\n <\/div>`).join('');\n }\n \n function ans(qi, ai) {\n document.querySelectorAll(`#q${qi} .quiz-option`).forEach((o,i) => {\n o.style.pointerEvents = 'none';\n if (i === qs[qi].a) o.classList.add('correct');\n else if (i === ai) o.classList.add('wrong');\n });\n if (ai === qs[qi].a) score++;\n document.getElementById('prog').style.width = ((qi+1)\/5*100)+'%';\n setTimeout(() => {\n document.getElementById(`q${qi}`).style.display = 'none';\n if (qi < 4) document.getElementById(`q${qi+1}`).style.display = 'block';\n else { document.getElementById('qc').style.display = 'none'; document.getElementById('result').style.display = 'block'; document.getElementById('sc').textContent = score; }\n }, 800);\n }\n \n function resetQ() { score = 0; document.getElementById('prog').style.width = '0%'; document.getElementById('result').style.display = 'none'; document.getElementById('qc').style.display = 'block'; loadQ(); }\n loadQ();\n calcTime();\n <\/script>\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>Modulo 5 – Smartphone e Social | Autonomia Portami Via 📚 MODULO 5 – 14 ORE 📱 Smartphone e Social Usa la tecnologia in modo intelligente! 📖 Dispensa ⏱️ Screen Time 🔍 Fake News 🔒 Privacy Check ❓ Quiz 🎯 Cosa imparerai Internet e i social sono strumenti potentissimi, ma vanno usati con intelligenza! ⏰ … <a title=\"Smartphone e Social\" class=\"read-more\" href=\"https:\/\/studikis.it\/?p=49\" aria-label=\"Read more about Smartphone e Social\">Read more<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-49","post","type-post","status-publish","format-standard","hentry","category-corsimarzogiugno26"],"_links":{"self":[{"href":"https:\/\/studikis.it\/index.php?rest_route=\/wp\/v2\/posts\/49","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/studikis.it\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/studikis.it\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/studikis.it\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/studikis.it\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=49"}],"version-history":[{"count":1,"href":"https:\/\/studikis.it\/index.php?rest_route=\/wp\/v2\/posts\/49\/revisions"}],"predecessor-version":[{"id":50,"href":"https:\/\/studikis.it\/index.php?rest_route=\/wp\/v2\/posts\/49\/revisions\/50"}],"wp:attachment":[{"href":"https:\/\/studikis.it\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=49"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/studikis.it\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=49"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/studikis.it\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=49"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}