Kvíz: Ako dobre poznáte Slovensko? 🇸🇰
Otestujte sa a zistite, či ste expert na našu krajinu!
1. Ktorý hrad je jedným z najväčších hradných komplexov v strednej Európe?
2. Ktorá rieka je najdlhšou na území Slovenska?
3. V ktorom roku vznikla samostatná Slovenská republika?
4. Ako sa volá najvyšší vrch Vysokých Tatier?
5. Ktorá obec je známa unikátnymi maľovanými drevenicami?
6. Kto bol hlavnou postavou pri uzákonení spisovnej slovenčiny (1843)?
7. Ktoré slovenské mesto sa prezýva „Strieborné mesto“?
8. Ktorý národný park je na Slovensku najstarší?
9. Ktorá jaskyňa umožňuje plavbu loďkou po podzemnej riečke?
10. S koľkými štátmi susedí Slovenská republika?
Povedz o tom priateľom a vyzvi ich!
#quiz-wrapper { font-family: ‚Segoe UI‘, Roboto, Helvetica, Arial, sans-serif; max-width: 650px; margin: 20px auto; padding: 30px; background: #fff; border-radius: 15px; box-shadow: 0 10px 30px rgba(0,0,0,0.1); color: #333; line-height: 1.6; }
.quiz-main-title { text-align: center; color: #1a1a1a; margin-bottom: 10px; }
.quiz-subtitle { text-align: center; color: #666; margin-bottom: 40px; }
.question-block { margin-bottom: 25px; padding-bottom: 20px; border-bottom: 1px solid #f0f0f0; }
.question-text { font-weight: 700; margin-bottom: 15px; font-size: 1.1em; color: #2c3e50; }
.options { display: flex; flex-direction: column; gap: 10px; }
.option { padding: 12px 15px; border: 2px solid #edf2f7; border-radius: 10px; cursor: pointer; transition: all 0.2s; display: flex; align-items: center; }
.option:hover { background: #f7fafc; border-color: #cbd5e0; }
.option input { margin-right: 12px; transform: scale(1.2); }
/* Farebné vyhodnotenie */
.correct-answer { background-color: #c6f6d5 !important; border-color: #38a169 !important; color: #22543d; font-weight: 600; }
.wrong-answer { background-color: #fed7d7 !important; border-color: #e53e3e !important; color: #822727; }
#submit-quiz { width: 100%; padding: 18px; background: #3182ce; color: #fff; border: none; border-radius: 10px; font-size: 1.2em; cursor: pointer; font-weight: bold; transition: background 0.3s; margin-top: 20px; }
#submit-quiz:hover { background: #2b6cb0; }
#result-area { margin-top: 30px; padding: 25px; text-align: center; background: #f8fafc; border-radius: 15px; border: 2px solid #3182ce; animation: slideUp 0.5s ease-out; }
#score-text { font-size: 2.5em; margin: 0; color: #2b6cb0; }
#rank-text { font-size: 1.2em; margin: 10px 0; font-weight: 500; }
.share-section { margin-top: 25px; border-top: 1px solid #e2e8f0; padding-top: 20px; }
.share-buttons { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 15px; }
.share-btn { padding: 12px; border-radius: 8px; text-decoration: none; color: white; font-size: 0.95em; font-weight: bold; transition: opacity 0.2s; }
.share-btn:hover { opacity: 0.85; }
.fb { background: #1877F2; }
.wa { background: #25D366; }
.msgr { background: #0084FF; }
.mail { background: #718096; }
@keyframes slideUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }
@media (max-width: 480px) { .share-buttons { grid-template-columns: 1fr; } #quiz-wrapper { padding: 15px; } }
function calculateResult() {
let score = 0;
const questions = document.querySelectorAll(‚.question-block‘);
questions.forEach((q) => {
const selected = q.querySelector(‚input[type=“radio“]:checked‘);
const allOptions = q.querySelectorAll(‚.option‘);
allOptions.forEach(opt => {
if (opt.getAttribute(‚data-correct‘) === „true“) {
opt.classList.add(‚correct-answer‘);
}
if (selected && selected.parentElement === opt && opt.getAttribute(‚data-correct‘) !== „true“) {
opt.classList.add(‚wrong-answer‘);
}
});
if (selected && selected.value === „1“) {
score++;
}
});
const resultArea = document.getElementById(‚result-area‘);
const scoreDisplay = document.getElementById(‚score-text‘);
const rankDisplay = document.getElementById(‚rank-text‘);
scoreDisplay.innerText = score + “ / 10″;
let rank = „“;
if (score <= 3) rank = "Turista začiatočník 🥉";
else if (score <= 7) rank = "Pravý Slovák 🥈";
else rank = "Slovenský Patriot & Expert 🥇";
rankDisplay.innerText = rank;
resultArea.style.display = 'block';
resultArea.scrollIntoView({ behavior: 'smooth' });
// — DYNAMICKÉ ZDIEĽANIE —
const currentUrl = window.location.href;
const shareText = "Môj výsledok v kvíze o Slovensku je " + score + "/10! Získal som titul: " + rank + ". Skús ma prekonať tu: ";
const encodedText = encodeURIComponent(shareText + currentUrl);
// WhatsApp
document.getElementById('share-wa').href = "https://wa.me/?text=" + encodedText;
// Facebook (FB neumožňuje vložiť text priamo do statusu cez URL, ale preberie titulku z webu)
document.getElementById('share-fb').href = "https://www.facebook.com/sharer/sharer.php?u=" + encodeURIComponent(currentUrl);
// Messenger (Funguje najlepšie na mobiloch)
document.getElementById('share-msgr').href = "fb-messenger://share/?link=" + encodeURIComponent(currentUrl) + "&app_id=123456789";
// E-mail
document.getElementById('share-mail').href = "mailto:?subject=Môj výsledok kvízu o Slovensku&body=" + encodedText;
}
