Want to create interactive content? It’s easy in Genially!

Get started free

gioco dell'oca scientifico

silvia santolini

Created on September 24, 2025

Start designing with a free template

Discover more than 1500 professional designs like these:

Movie Classics in Emojis

Movie Minigames

Guess the Movies with Emojis

Hand Drawn Game Board

Jumanlly

Children's Board Game

Tangram Game

Explore all templates

Transcript

gioco dell'oca scientifico

start

Players

21

23

43

20

22

42

24

16

19

17

44

10

18

41

25

15

11

12

45

14

13

40

31

26

46

Drag the game pieces

30

27

29

28

39

end

32

38

33

37

36

34

35

cruciACQUA
Use this space to add awesome interactivity. Include text, images, videos, tables, PDFs... even interactive questions!
https://wordwall.net/it/resource/66614198
il regno vegetale
Clicca su una finestra e dimostra di sapere tutto sull'ARIA!
App matrix argomenti di quarta
Clicca su una finestra e dimostra di sapere tutto sull'ARIA!
il regno vegetale
Clicca su una finestra e dimostra di sapere tutto sull'ARIA!
il regno vegetale
cruciACQUA
il regno vegetale
Clicca su una finestra e dimostra di sapere tutto sull'Aria!
<span>Avanti</span> <!-- Right -> <svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5" viewBox="0 0 24 24" fill="currentColor"><path d="M8.293 6.707a1 1 0 0 1 1.414-1.414l6 6a1 1 0 0 1 0 1.414l-6 6a1 1 0 1 1-1.414-1.414L13.586 12 8.293 6.707Z"/></svg> </button> </div> <div class="flex flex-col sm:flex-row gap-3"> <button id="checkBtn" class="ring-focus inline-flex items-center justify-center gap-2 px-5 py-3 rounded-xl font-semibold bg-emerald-400 text-emerald-950 hover:bg-emerald-300 active:scale-[.98] transition"> <span>Controlla risposte</span> <svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5" viewBox="0 0 24 24" fill="currentColor"><path d="M20.285 6.708a1 1 0 0 1 .007 1.414l-9.192 9.3a1 1 0 0 1-1.424.011L3.7 12.657a1 1 0 1 1 1.4-1.428l5.07 4.969 8.484-8.578a1 1 0 0 1 1.43.088Z"/></svg> </button> <button id="showBtn" class="ring-focus inline-flex items-center justify-center gap-2 px-5 py-3 rounded-xl font-semibold bg-cyan-400 text-cyan-950 hover:bg-cyan-300 active:scale-[.98] transition"> <span>Mostra soluzione</span> <svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5" viewBox="0 0 24 24" fill="currentColor"><path d="M12 5c-5.5 0-9.27 4.11-10.7 6.13a1.5 1.5 0 0 0 0 1.74C2.73 14.89 6.5 19 12 19s9.27-4.11 10.7-6.13a1.5 1.5 0 0 0 0-1.74C21.27 9.11 17.5 5 12 5Zm0 11a4 4 0 1 1 0-8 4 4 0 0 1 0 8Z"/></svg> </button> <button id="retryBtn" class="ring-focus inline-flex items-center justify-center gap-2 px-5 py-3 rounded-xl font-semibold bg-white/15 text-white hover:bg-white/25 border border-white/15 active:scale-[.98] transition"> <span>Ricomincia</span> <svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5" viewBox="0 0 24 24" fill="currentColor"><path d="M12 6a6 6 0 1 1-4.472 10H9a1 1 0 1 1 0 2H4a1 1 0 0 1-1-1V12a1 1 0 1 1 2 0v2.247A8 8 0 1 0 12 4a1 1 0 1 1 0 2Z"/></svg> </button> </div> </div> <!-- Messaggi --> <div id="message" class="mt-4 hidden p-4 rounded-xl bg-white/10 border border-white/10"></div> <!-- Nota educativa --> <div class="mt-10 text-sky-100/85 text-sm bg-white/5 border border-white/10 rounded-xl p-4"> Suggerimento: la <strong>tensione superficiale</strong> nasce dalla coesione tra molecole d’acqua sulla superficie; la <strong>capillarità</strong> combina coesione e adesione con le pareti, permettendo all’acqua di risalire in tubi sottili e nei vasi delle piante. </div> </div> <script> // Dati del quiz const items = [ { id: 1, text: "La tensione superficiale è la proprietà dell’acqua che permette ad alcuni insetti di camminare sull’acqua.", correct: true, why: "È vero: la coesione tra molecole in superficie crea una “pellicola” elastica che sostiene piccoli insetti." }, { id: 2, text: "La tensione superficiale si forma perché le molecole d’acqua non si attraggono tra loro.", correct: false, why: "È falso: nasce proprio dalla coesione, ovvero l’attrazione tra molecole d’acqua." }, { id: 3, text: "La capillarità permette all’acqua di risalire attraverso tubicini molto sottili o nei vasi delle piante.", correct: true, why: "È vero: grazie a coesione e adesione con le pareti del tubo, l’acqua può risalire contro gravità." }, { id: 4, text: "Senza la capillarità le radici delle piante non riuscirebbero a portare l’acqua fino alle foglie.", correct: true, why: "È vero: la capillarità aiuta il trasporto dell’acqua lungo i tessuti conduttori fino alle foglie." }, { id: 5, text: "La tensione superficiale e la capillarità sono due proprietà indipendenti, ma entrambe dipendono dall’attrazione tra molecole d’acqua.", correct: true, why: "È vero: sono fenomeni distinti, ma alla base c’è l’attrazione tra molecole (coesione) e, per la capillarità, anche l’adesione." } ]; // Stato let selections = {}; // { id: true/false } let checked = false; const quizEl = document.getElementById('quiz'); const cardContainer = document.getElementById('cardContainer'); const checkBtn = document.getElementById('checkBtn'); const showBtn = document.getElementById('showBtn'); const retryBtn = document.getElementById('retryBtn'); const prevBtn = document.getElementById('prevBtn'); const nextBtn = document.getElementById('nextBtn'); const scoreValue = document.getElementById('scoreValue'); const progressBar = document.getElementById('progressBar'); const progressText = document.getElementById('progressText'); const answeredText = document.getElementById('answeredText'); const messageEl = document.getElementById('message'); // Utility: crea icone function iconCheck(cls="w-5 h-5"){ return `<svg xmlns="http://www.w3.org/2000/svg" class="${cls}" viewBox="0 0 24 24" fill="currentColor"><path d="M20.285 6.708a1 1 0 0 1 .007 1.414l-9.192 9.3a1 1 0 0 1-1.424.011L3.7 12.657a1 1 0 1 1 1.4-1.428l5.07 4.969 8.484-8.578a1 1 0 0 1 1.43.088Z"/></svg>`; } function iconX(cls="w-5 h-5"){ return `<svg xmlns="http://www.w3.org/2000/svg" class="${cls}" viewBox="0 0 24 24" fill="currentColor"><path d="M6.225 4.811a1 1 0 0 1 1.414 0L12 9.172l4.361-4.361a1 1 0 1 1 1.414 1.414L13.414 10.586l4.361 4.361a1 1 0 0 1-1.414 1.414L12 12l-4.361 4.361a1 1 0 1 1-1.414-1.414l4.361-4.361-4.361-4.361a1 1 0 0 1 0-1.414Z"/></svg>`; } function iconInfo(cls="w-5 h-5"){ return `<svg xmlns="http://www.w3.org/2000/svg" class="${cls}" viewBox="0 0 24 24" fill="currentColor"><path d="M12 2a10 10 0 1 0 .001 20.001A10 10 0 0 0 12 2Zm1 15h-2v-6h2v6Zm0-8h-2V7h2v2Z"/></svg>`; } // Render singola domanda let currentIndex = 0; // 0-based function renderQuestion(index){ const q = items[index]; if (!q) return; cardContainer.innerHTML = ''; const card = document.createElement('div'); card.className = "card-enter-active"; // già visibile const head = document.createElement('div'); head.className = "flex items-start justify-between gap-3"; head.innerHTML = ` <div class="flex-1"> <p class="text-xs uppercase tracking-wide text-sky-100/70">Affermazione ${index+1}</p> <h2 class="mt-1 font-semibold text-lg leading-snug">${q.text}</h2> </div> <div id="pill-${q.id}" class="shrink-0 px-2.5 py-1 rounded-full text-xs font-semibold bg-white/10 text-white/80 border border-white/10">${selections[q.id]!==undefined? 'Selezionato':'In attesa'}</div> `; const choices = document.createElement('div'); choices.className = "grid grid-cols-2 gap-3"; choices.innerHTML = ` <button id="true-${q.id}" class="ring-focus select-btn inline-flex items-center justify-center gap-2 px-3.5 py-2.5 rounded-xl font-semibold ${selections[q.id]===true? 'bg-emerald-400 text-emerald-950 border-emerald-300 hover:bg-emerald-300':'bg-emerald-400/20 text-emerald-200 border-emerald-300/20 hover:bg-emerald-400/30'} active:scale-[.98] transition" aria-pressed="${selections[q.id]===true}"> ${iconCheck("w-5 h-5")} Vero </button> <button id="false-${q.id}" class="ring-focus select-btn inline-flex items-center justify-center gap-2 px-3.5 py-2.5 rounded-xl font-semibold ${selections[q.id]===false? 'bg-rose-400 text-rose-950 border-rose-300 hover:bg-rose-300':'bg-rose-400/20 text-rose-200 border-rose-300/20 hover:bg-rose-400/30'} active:scale-[.98] transition" aria-pressed="${selections[q.id]===false}"> ${iconX("w-5 h-5")} Falso </button> `; const feedback = document.createElement('div'); feedback.id = `fb-${q.id}`; feedback.className = "hidden rounded-xl p-3 text-sm"; cardContainer.appendChild(head); cardContainer.appendChild(choices); cardContainer.appendChild(feedback); // Gestione click scelte const btnTrue = document.getElementById(`true-${q.id}`); const btnFalse = document.getElementById(`false-${q.id}`); btnTrue.addEventListener('click', (e) => { e.preventDefault(); if (checked) return; setSelection(q.id, true); btnTrue.classList.add('pulse-once'); setTimeout(()=>btnTrue.classList.remove('pulse-once'), 300); }); btnFalse.addEventListener('click', (e) => { e.preventDefault(); if (checked) return; setSelection(q.id, false); btnFalse.classList.add('pulse-once'); setTimeout(()=>btnFalse.classList.remove('pulse-once'), 300); }); updateProgress(); } function renderQuiz(){ renderQuestion(currentIndex); updateScore(0); showMessage(""); updateNav(); } function setSelection(id, value){ selections[id] = value; const t = document.getElementById(`true-${id}`); const f = document.getElementById(`false-${id}`); const pill = document.getElementById(`pill-${id}`); t.setAttribute('aria-pressed', value === true ? 'true' : 'false'); f.setAttribute('aria-pressed', value === false ? 'true' : 'false'); const selectedTrue = "bg-emerald-400 text-emerald-950 border-emerald-300 hover:bg-emerald-300"; const baseTrue = "bg-emerald-400/20 text-emerald-200 border-emerald-300/20 hover:bg-emerald-400/30"; const selectedFalse = "bg-rose-400 text-rose-950 border-rose-300 hover:bg-rose-300"; const baseFalse = "bg-rose-400/20 text-rose-200 border-rose-300/20 hover:bg-rose-400/30"; t.className = t.className.replace(selectedTrue, "").replace(baseTrue, "").trim(); f.className = f.className.replace(selectedFalse, "").replace(baseFalse, "").trim(); t.className += " " + (value === true ? selectedTrue : baseTrue); f.className += " " + (value === false ? selectedFalse : baseFalse); pill.textContent = "Selezionato"; pill.className = "shrink-0 px-2.5 py-1 rounded-full text-xs font-semibold bg-white/20 text-white border border-white/20"; updateProgress(); updateNav(); } function updateProgress(){ const answered = Object.keys(selections).length; const total = items.length; const perc = Math.round((answered / total) * 100); progressBar.style.width = `${perc}%`; progressText.textContent = `Domanda ${currentIndex+1} di ${total}`; if (answeredText) answeredText.textContent = `${answered} risposte selezionate`; } function updateScore(score){ scoreValue.textContent = `${score} / ${items.length}`; } function lockChoices(lock){ const q = items[currentIndex]; const t = document.getElementById(`true-${q.id}`); const f = document.getElementById(`false-${q.id}`); if (!t || !f) return; if (lock) { t.setAttribute('disabled', 'true'); f.setAttribute('disabled', 'true'); t.classList.add('opacity-80', 'cursor-not-allowed'); f.classList.add('opacity-80', 'cursor-not-allowed'); } else { t.removeAttribute('disabled'); f.removeAttribute('disabled'); t.classList.remove('opacity-80', 'cursor-not-allowed'); f.classList.remove('opacity-80', 'cursor-not-allowed'); } } function showMessage(text, type=""){ if (!text) { messageEl.classList.add('hidden'); messageEl.textContent = ""; return; } messageEl.classList.remove('hidden'); messageEl.textContent = text; if (type === "ok") { messageEl.className = "mt-4 p-4 rounded-xl bg-emerald-400/15 border border-emerald-300/25 text-emerald-100"; } else if (type === "warn") { messageEl.className = "mt-4 p-4 rounded-xl bg-amber-400/15 border border-amber-300/25 text-amber-100"; } else if (type === "err") { messageEl.className = "mt-4 p-4 rounded-xl bg-rose-400/15 border border-rose-300/25 text-rose-100"; } else { messageEl.className = "mt-4 p-4 rounded-xl bg-white/10 border border-white/10"; } } function updateNav(){ prevBtn.disabled = currentIndex === 0 || checked; nextBtn.disabled = currentIndex === items.length - 1 || checked; } function checkAnswers(){ const answered = Object.keys(selections).length; if (answered < items.length) { showMessage(`Hai selezionato ${answered}/${items.length}. Completa tutte le risposte prima di controllare.`, "warn"); return; } checked = true; lockChoices(true); let score = 0; items.forEach(q => { const userVal = selections[q.id]; const correct = q.correct === userVal; if (correct) score++; }); updateScore(score); const msg = score === items.length ? "Perfetto! Hai risposto correttamente a tutte le affermazioni." : score >= Math.ceil(items.length*0.6) ? "Ottimo lavoro! Rivedi le spiegazioni per migliorare ancora." : "Va bene così! Leggi le spiegazioni e riprova."; showMessage(msg, score === items.length ? "ok" : ""); // mostra spiegazione della domanda corrente const q = items[currentIndex]; const feedback = document.getElementById(`fb-${q.id}`); const pill = document.getElementById(`pill-${q.id}`); const correct = selections[q.id] === q.correct; feedback.classList.remove("hidden"); if (correct) { feedback.className = "rounded-xl p-3 text-sm bg-emerald-400/15 border border-emerald-300/25 text-emerald-100"; feedback.innerHTML = `<div class="flex items-start gap-2">${iconCheck()}<p><strong>Corretto!</strong> ${q.why}</p></div>`; pill.textContent = "Corretto"; pill.className = "shrink-0 px-2.5 py-1 rounded-full text-xs font-semibold bg-emerald-400/20 text-emerald-100 border border-emerald-300/30"; } else { feedback.className = "rounded-xl p-3 text-sm bg-rose-400/15 border border-rose-300/25 text-rose-100"; feedback.innerHTML = `<div class="flex items-start gap-2">${iconX()}<p><strong>Non esatto.</strong> ${q.why}</p></div>`; pill.textContent = "Non corretto"; pill.className = "shrink-0 px-2.5 py-1 rounded-full text-xs font-semibold bg-rose-400/20 text-rose-100 border border-rose-300/30"; } updateNav(); } function showSolution(){ if (checked) { showMessage("Hai già controllato le risposte. Premi “Ricomincia” per riprovare.", "warn"); return; } items.forEach(q => selections[q.id] = q.correct); renderQuestion(currentIndex); updateProgress(); updateNav(); showMessage("Soluzione inserita. Se vuoi verificare, premi “Controlla risposte”.", "ok"); } function resetQuiz(){ selections = {}; checked = false; currentIndex = 0; renderQuiz(); lockChoices(false); showMessage("Quiz azzerato. Buon ripasso!", "ok"); } // Bind bottoni globali checkBtn.addEventListener('click', (e) => { e.preventDefault(); checkAnswers(); }); showBtn.addEventListener('click', (e) => { e.preventDefault(); showSolution(); }); retryBtn.addEventListener('click', (e) => { e.preventDefault(); resetQuiz(); }); prevBtn.addEventListener('click', (e) => { e.preventDefault(); if (currentIndex>0 && !checked) { currentIndex--; renderQuestion(currentIndex); updateNav(); }}); nextBtn.addEventListener('click', (e) => { e.preventDefault(); if (currentIndex<items.length-1 && !checked) { currentIndex++; renderQuestion(currentIndex); updateNav(); }}); // Avvio renderQuiz(); </script> <script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'98447a8a57b8ed9e',t:'MTc1ODczOTk0NC4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script></body> </html>
il regno vegetale
cruciACQUA
App matrix argomenti di quarta
App matrix argomenti di quarta
il regno vegetale
il regno vegetale
cruciACQUA
App matrix argomenti di quarta
il regno vegetale
Clicca su una finestra e dimostra di sapere tutto sull'Aria!
Use this space to add awesome interactivity. Include text, images, videos, tables, PDFs... even interactive questions!
App matrix argomenti di quarta
App matrix argomenti di quarta
cruciACQUA
Elenca i 5 regni in cui sono classificati gli esseri viventi
Clicca su una finestra e dimostra di sapere tutto sull'ARIA!
https://wordwall.net/it/resource/1980734
Use this space to add awesome interactivity. Include text, images, videos, tables, PDFs... even interactive questions!
cruciACQUA
il regno vegetale
App matrix argomenti di quarta
cruciACQUA
App matrix argomenti di quarta
il regno vegetale
il regno vegetale
https://wordwall.net/it/resource/7915975
Clicca su una finestra e dimostra di sapere tutto sull'Aria!
Clicca sulla finestra e dimostra di sapere tutto sull'aria!
cruciACQUA
Clicca su una finestra e dimostra di sapere tutto sull'ARIA!
App matrix argomenti di quarta
App matrix argomenti di quarta