Piccola raccolta di Rebus

body { text-align: center; margin: 0; padding: 0; background: #f9f9f9; } .rebus-wrapper { background: #fff; padding: 20px; border: 1px solid #ddd; border-radius: 10px; max-width: 500px; margin: auto; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); display: none; } .rebus-container { display: flex; justify-content: center; flex-wrap: wrap; gap: 10px; margin-bottom: 20px; } .rebus-container img { width: 100px; height: 100px; } .message, .solution { margin-top: 10px; font-weight: bold; } .solution { color: red; display: none; } .menu { text-align: center; margin-bottom: 20px; } .menu button { padding: 10px; margin: 5px; font-size: 16px; border: none; border-radius: 5px; background: #007bff; color: white; cursor: pointer; } .menu button:hover { background: #0056b3; } @media (max-width: 600px) { .menu button { width: 100%; margin: 5px 0; } }

const rebusData = { animali: { images: ["https://www.trendynet.it/wp-content/uploads/2025/03/leone.png", "https://www.trendynet.it/wp-content/uploads/2025/03/rana.webp"], answer: "leonerana" }, mestieri: { images: ["https://www.trendynet.it/wp-content/uploads/2025/03/fuoco.jpg", "https://www.trendynet.it/wp-content/uploads/2025/03/uomo.png", "https://www.trendynet.it/wp-content/uploads/2025/03/elmetto.png"], answer: "pompiere" }, sport: { images: ["https://www.trendynet.it/wp-content/uploads/2025/03/palla.jpg", "https://www.trendynet.it/wp-content/uploads/2025/03/cesto.jpg"], answer: "pallacanestro" }, fiabe: { images: ["https://www.trendynet.it/wp-content/uploads/2025/03/scarpetta.jpg", "https://www.trendynet.it/wp-content/uploads/2025/03/zucca.png", "https://www.trendynet.it/wp-content/uploads/2025/03/orologio.webp"], answer: "cenerentola" }, citta: { images: ["https://www.trendynet.it/wp-content/uploads/2025/03/fiore.jpg", "https://www.trendynet.it/wp-content/uploads/2025/03/renna.jpg"], answer: "firenze" }, strumenti: { images: ["https://www.trendynet.it/wp-content/uploads/2025/03/pianoforte.jpg", "https://www.trendynet.it/wp-content/uploads/2025/03/corda.png", "https://www.trendynet.it/wp-content/uploads/2025/03/arco.png"], answer: "violino" }, cibo: { images: ["https://www.trendynet.it/wp-content/uploads/2025/03/grappolo.jpg", "https://www.trendynet.it/wp-content/uploads/2025/03/piede.jpg"], answer: "vinificazione" }, film: { images: ["https://www.trendynet.it/wp-content/uploads/2025/03/anello.png", "https://www.trendynet.it/wp-content/uploads/2025/03/montagna.jpg"], answer: "signore degli anelli" }, tecnologia: { images: ["https://www.trendynet.it/wp-content/uploads/2025/03/mela.png", "https://www.trendynet.it/wp-content/uploads/2025/03/schermo.jpg"], answer: "apple" }, personaggi: { images: ["https://www.trendynet.it/wp-content/uploads/2025/03/capello.jpg", "https://www.trendynet.it/wp-content/uploads/2025/03/spada.jpg"], answer: "napoleone" } };

function showRebus(category) { const rebus = rebusData[category]; let container = document.getElementById("rebus-container"); container.innerHTML = `

Rebus: ${category}

Verifica

La risposta corretta è: "${rebus.answer}"

`; container.style.display = "block"; }

let attempts = 0; function checkAnswer(category) { const userAnswer = document.getElementById("answer").value.trim().toLowerCase(); const message = document.getElementById("message"); const solution = document.getElementById("solution");

if (userAnswer === rebusData[category].answer) { message.textContent = "Bravo! Hai indovinato!"; message.style.color = "green"; } else { attempts++; message.textContent = `Sbagliato! Tentativi rimanenti: ${3 - attempts}`; message.style.color = "red"; }

if (attempts >= 3) { solution.style.display = "block"; setTimeout(() => { location.reload(); }, 2000); } }