#adjektiv-spiel {
max-width: 600px;
margin: 20px auto;
padding: 22px;
border-radius: 20px;
background: #fff8e8;
color: #27334a;
font-family: Arial, sans-serif;
text-align: center;
box-sizing: border-box;
}
#adjektiv-spiel * { box-sizing: border-box; }
#adjektiv-spiel h2 { color: #2457a7; }
#adjektiv-spiel .progress {
background: #e4dfd3;
height: 10px;
border-radius: 10px;
overflow: hidden;
margin: 16px 0;
}
#adjektiv-spiel .bar {
background: #36a879;
height: 100%;
width: 0%;
transition: width .2s;
}
#adjektiv-spiel .word {
font-size: 38px;
font-weight: bold;
color: #e16b35;
margin: 22px 0;
}
#adjektiv-spiel .answers {
display: grid;
gap: 10px;
}
#adjektiv-spiel button {
font-size: 17px;
padding: 13px;
border: 2px solid #d7dfed;
border-radius: 12px;
background: white;
color: #27334a;
cursor: pointer;
}
#adjektiv-spiel button:focus {
outline: 3px solid #8bb9f5;
}
#adjektiv-spiel button:disabled { cursor: default; }
#adjektiv-spiel .answers button:hover:not(:disabled) {
background: #e5f1ff;
border-color: #568bd4;
}
#adjektiv-spiel .next {
margin-top: 18px;
background: #2457a7;
color: white;
border: none;
width: 100%;
}
#adjektiv-spiel .feedback {
min-height: 28px;
font-weight: bold;
margin-top: 15px;
}
🦔 Deutsch mit Spaß!
Joc: 20 de adjective în germană
Alege traducerea corectă în limba română!
Întrebarea 1 din 20
groß
(function () {
const root = document.getElementById("adjektiv-spiel");
if (root.dataset.started) return;
root.dataset.started = "yes";
const questions = [
{w:"groß", a:"mare", o:["mare","mic","lung"]},
{w:"klein", a:"mic", o:["înalt","mic","mare"]},
{w:"schön", a:"frumos", o:["urât","frumos","vechi"]},
{w:"hässlich", a:"urât", o:["frumos","urât","fericit"]},
{w:"schnell", a:"rapid", o:["lent","rapid","scurt"]},
{w:"langsam", a:"lent", o:["rapid","lent","cald"]},
{w:"alt", a:"bătrân / vechi", o:["tânăr","nou","bătrân / vechi"]},
{w:"jung", a:"tânăr", o:["tânăr","bătrân","obosit"]},
{w:"lang", a:"lung", o:["scurt","lung","subțire"]},
{w:"kurz", a:"scurt", o:["lung","înalt","scurt"]},
{w:"dick", a:"gros", o:["subțire","gros","mic"]},
{w:"dünn", a:"subțire", o:["gros","subțire","lung"]},
{w:"heiß", a:"fierbinte", o:["rece","fierbinte","răcoros"]},
{w:"kalt", a:"rece", o:["cald","fierbinte","rece"]},
{w:"warm", a:"cald", o:["cald","rece","umed"]},
{w:"freundlich", a:"prietenos", o:["furios","prietenos","trist"]},
{w:"glücklich", a:"fericit", o:["trist","obosit","fericit"]},
{w:"traurig", a:"trist", o:["fericit","trist","vesel"]},
{w:"müde", a:"obosit", o:["odihnit","obosit","rapid"]},
{w:"laut", a:"zgomotos", o:["silențios","zgomotos","lent"]}
];
let index = 0;
let score = 0;
let answered = false;
const word = root.querySelector("#adj-word");
const count = root.querySelector("#adj-count");
const answers = root.querySelector("#adj-answers");
const feedback = root.querySelector("#adj-feedback");
const next = root.querySelector("#adj-next");
const bar = root.querySelector("#adj-bar");
const result = root.querySelector("#adj-result");
function showQuestion() {
answered = false;
const q = questions[index];
word.textContent = q.w;
count.textContent = "Întrebarea " + (index + 1) + " din 20";
bar.style.width = (index / questions.length * 100) + "%";
feedback.textContent = "";
next.style.display = "none";
result.textContent = "";
answers.innerHTML = "";
q.o.forEach(function (option) {
const btn = document.createElement("button");
btn.textContent = option;
btn.type = "button";
btn.addEventListener("click", function () {
if (answered) return;
answered = true;
const buttons = answers.querySelectorAll("button");
buttons.forEach(function (b) { b.disabled = true; });
if (option === q.a) {
score++;
feedback.textContent = "🎉 Bravo! Răspuns corect!";
} else {
feedback.textContent = "💪 Răspuns corect: " + q.a;
}
next.textContent = index === questions.length - 1
? "Vezi rezultatul final 🏆"
: "Următorul cuvânt ➜";
next.style.display = "block";
});
answers.appendChild(btn);
});
}
next.addEventListener("click", function () {
index++;
if (index = 18
? "Excelent! Ești campion la adjective!"
: score >= 14
? "Foarte bine! Continuă să exersezi!"
: "Bravo pentru participare! Mai încearcă!";
result.appendChild(message);
const restart = document.createElement("button");
restart.textContent = "🔄 Joacă din nou";
restart.className = "next";
restart.addEventListener("click", function () {
index = 0;
score = 0;
showQuestion();
});
result.appendChild(restart);
}
});
showQuestion();
})();