TAR.10.3.1. Konu Kavrama Testi

TAR.10.3.1. Osmanlı Stratejik Hamleler Analiz Testi /* Modern ve Kurumsal Tasarım - Harici dosya gerektirmez */ :root { --primary: #0f172a; /* Koyu Lacivert */ --secondary: #f59e0b; /* Kehribar */ --success: #10b981; /* Zümrüt Yeşili */ --error: #ef4444; /* Gül Kırmızısı */ --bg: #f1f5f9; /* Arka Plan Gri */ --white: #ffffff; } * { box-sizing: border-box; margin: 0; padding: 0; } body { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; background-color: var(--bg); display: flex; justify-content: center; align-items: center; min-height: 100vh; padding: 20px; color: #1e293b; } .quiz-card { background: var(--white); width: 100%; max-width: 800px; border-radius: 20px; box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); overflow: hidden; border: 1px solid #e2e8f0; } .header { background: var(--primary); color: white; padding: 30px; } .header-top { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; } .title-group h1 { font-size: 1.25rem; font-weight: 700; margin-bottom: 5px; } .title-group p { font-size: 0.85rem; opacity: 0.8; } .q-badge { background: #1e293b; padding: 8px 16px; border-radius: 12px; font-family: monospace; font-weight: bold; font-size: 0.9rem; border: 1px solid #334155; } .progress-container { background: #334155; height: 10px; border-radius: 5px; overflow: hidden; } .progress-bar { background: var(--secondary); height: 100%; width: 0%; transition: width 0.4s ease; } .content { padding: 40px; } .question { font-size: 1.3rem; font-weight: 700; line-height: 1.6; margin-bottom: 30px; color: var(--primary); } .options-list { display: flex; flex-direction: column; gap: 15px; } .option-btn { padding: 18px; border: 2px solid #f1f5f9; border-radius: 12px; background: var(--white); text-align: left; cursor: pointer; font-size: 1rem; transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1); display: flex; align-items: flex-start; gap: 15px; font-weight: 500; } .option-btn:hover:not(:disabled) { border-color: var(--secondary); background-color: #fffbeb; transform: translateX(5px); } .option-btn:disabled { cursor: default; } .correct { border-color: var(--success) !important; background-color: #ecfdf5 !important; color: #065f46; font-weight: 700; } .wrong { border-color: var(--error) !important; background-color: #fef2f2 !important; color: #991b1b; } .feedback-box { margin-top: 30px; padding: 20px; border-radius: 12px; display: none; animation: slideUp 0.3s ease; } @keyframes slideUp { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } } .rationale { background: #eff6ff; border-left: 6px solid var(--blue); padding: 15px; border-radius: 0 10px 10px 0; border-left-color: #3b82f6; } .rationale strong { display: block; margin-bottom: 5px; color: #1e40af; font-size: 0.85rem; text-transform: uppercase; letter-spacing: 0.05em; } .rationale p { font-size: 0.95rem; line-height: 1.5; color: #1e3a8a; } .nav-actions { display: flex; justify-content: space-between; align-items: center; margin-top: 25px; } .hint-btn { background: none; border: none; color: #d97706; cursor: pointer; font-size: 0.9rem; font-weight: 600; text-decoration: underline; } .hint-text { margin-top: 10px; font-size: 0.85rem; color: #92400e; font-style: italic; display: none; background: #fffbeb; padding: 10px; border-radius: 8px; } .next-btn { background: var(--primary); color: white; border: none; padding: 14px 35px; border-radius: 10px; font-weight: 700; cursor: pointer; transition: opacity 0.2s; } .next-btn:hover { opacity: 0.9; } /* Sonuç Ekranı */ .result-screen { text-align: center; padding: 60px 40px; display: none; animation: fadeIn 0.5s ease; } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .trophy { font-size: 5rem; margin-bottom: 20px; } .score-val { font-size: 4rem; font-weight: 900; color: var(--primary); margin: 15px 0; } .comment { font-size: 1.1rem; color: #64748b; margin-bottom: 35px; max-width: 500px; margin-left: auto; margin-right: auto; line-height: 1.6; } .restart-btn { background: var(--white); border: 2px solid #e2e8f0; padding: 12px 30px; border-radius: 12px; font-weight: 700; cursor: pointer; transition: all 0.2s; } .restart-btn:hover { background: var(--bg); border-color: #cbd5e1; } .footer { background: var(--bg); padding: 15px; text-align: center; font-size: 0.75rem; color: #94a3b8; border-top: 1px solid #e2e8f0; } TAR.10.3.1. Stratejik Analiz Testi Cihan Devleti Osmanlı (1453-1683) 1 / 20 Soru Yükleniyor... 📌 STRATEJİK ANALİZ (Pedagojik Not) Sonraki Soru → 💡 Stratejik İpucu Göster 🏆 GÖREV TAMAMLANDI 0 / 20 🔄 Testi Tekrarla TÜRKİYE YÜZYILI MAARİF MODELİ • TARİH ZÜMRESİ TASARIM ASİSTANI // Test Verisi const questions = [ { q: "Fatih Sultan Mehmed’in İstanbul’u fethettikten sonra Ortodoks Kilisesi’ni himaye altına alması ve patriği bizzat ataması, aşağıdaki stratejik hedeflerden hangisine yöneliktir?", o: [ "Avrupa’da Katolik ve Ortodoks kiliselerinin birleşmesini önleyerek Haçlı ittifakını parçalamak", "İstanbul halkını tamamen Müslümanlaştırmak için zemin hazırlamak", "Bizans İmparatorluğu’nun meşruiyetini devam ettirmek", "İslam dünyasında halifelik iddiasını güçlendirmek", "Papalık makamı ile yeni bir ticari antlaşma imzalamak" ], a: 0, h: "Kiliselerin birleşme (Union) çabalarının Osmanlı'nın Batı güvenliği üzerindeki tehdidini düşünmelisin.", r: "Bu hamle, Hristiyan dünyasindeki mezhep ayrılıklarını Osmanlı lehine kullanarak siyasi bir blok oluşmasını engellemeyi hedefler." }, { q: "Osmanlı Devleti’nin 16. yüzyılda Fransa’ya kapitülasyonlar (imtiyazlar) tanımasının temel jeopolitik gerekçesi aşağıdakilerden hangisidir?", o: [ "Ekonomiyi tamamen Fransız tüccarların denetimine bırakmak", "Habsburg (Kutsal Roma-Germen) İmparatorluğu'na karşı Avrupa’da bir müttefik kazanmak", "Fransa’nın askeri teknolojisini transfer etmek", "Fransa’da yükselen Protestanlık hareketini durdurmak", "Yeni Dünya’nın (Amerika) keşfine Fransa ile ortak olmak" ], a: 1, h: "Şarlken'in Avrupa'da tek bir Katolik imparatorluk kurma hayaline karşı bir denge unsuru aranmaktadır.", r: "Fransa'ya verilen haklar, Şarlken’in kurmaya çalıştığı büyük Katolik ittifakını içeriden bölmeyi amaçlar." }, { q: "Yavuz Sultan Selim'in Mısır Seferi (1517) sonucunda Halifelik makamının Osmanlı'ya geçmesinin 'Cihan Devleti' vizyonuna katkısı nedir?", o: [ "Sadece Arap coğrafyasındaki isyanları sona erdirmesi", "Osmanlı padişahlarının İslam dünyasındaki manevi ve siyasi otoritesini birleştirerek meşruiyetini zirveye taşıması", "Avrupalı devletlerin Osmanlı'ya karşı savaş açma gerekçesini ortadan kaldırması", "Anadolu Türk birliğini ilk kez kesin olarak sağlaması", "Devletin laik bir yönetim yapısına geçişini hızlandırması" ], a: 1, h: "Hem dünyevi (padişahlık) hem ruhani (halifelik) gücün tek elde toplanmasının etkisini düşünmelisin.", r: "Halifelik, Osmanlı'nın tüm Müslümanların koruyucusu olduğu iddiasını evrensel bir boyuta ulaştırmıştır." }, { q: "Sokullu Mehmed Paşa'nın 'Don-Volga Kanal Projesi' ile ulaşmak istediği nihai stratejik hedef aşağıdakilerden hangisidir?", o: [ "Karadeniz ticaretini tamamen Rus tüccarlara açmak", "İran’ı kuzeyden kuşatmak ve Orta Asya Türkleri ile doğrudan bağ kurmak", "İstanbul'un su ihtiyacını karşılamak için yeni bir baraj kurmak", "Balkanlar'daki isyanları deniz yoluyla bastırmak", "Venedik donanmasını Karadeniz’den uzak tutmak" ], a: 1, h: "Hazar Denizi ile Karadeniz birleşirse donanma hangi bölgelere doğrudan müdahale edebilir?", r: "Kanal sayesinde donanmayı Hazar Denizi'ne geçirerek Safevi baskısını kırmak ve Türkistan ile bağlantı kurmak hedeflenmiştir." }, { q: "1538 Preveze Deniz Zaferi’nin Osmanlı stratejik gücü açısından en büyük kazanımı nedir?", o: [ "Tüm Akdeniz kıyılarının aynı gün içinde fethedilmesi", "Akdeniz'de mutlak üstünlüğün kurulması ve denizin bir 'Türk Gölü' haline gelmesi", "Portekizlilerin Hint Okyanusu’ndan tamamen atılması", "Donanmanın ilk kez buharlı gemilere geçiş yapması", "Venedik ile ebedi bir barış antlaşması imzalanması" ], a: 1, h: "Barbaros Hayreddin Paşa'nın başarısının deniz hakimiyeti üzerindeki mutlak etkisini hatırla.", r: "Haçlı donanmasının imha edilmesiyle Akdeniz'deki askeri ve ticari inisiyatif tamamen Osmanlı'ya geçmiştir." }, { q: "Hint Deniz Seferleri'nde (1538-1553) Osmanlı Devleti'nin Portekiz kalyonları karşısında teknik zorluklar yaşamasının temel sebebi nedir?", o: [ "Osmanlı gemilerinin iç denizlere (Akdeniz) uygun, alçak ve kürekli (kadırga) yapıda olması", "Osmanlı denizcilerinin pusula kullanmayı bilmemesi", "Hint Müslümanlarının Portekiz'i desteklemesi", "Gemilerin yeterli miktarda baruta sahip olmaması", "Kanuni'nin donanmaya önem vermemesi" ], a: 0, h: "Gemi tasarımları ile kullanıldıkları suyun (iç deniz vs. açık okyanus) özelliklerini kıyaslamalısın.", r: "Kadırgalar Akdeniz'de çok hızlıyken, okyanusun dev dalgalarına ve rüzgarlarına karşı Portekiz kalyonları kadar dayanıklı değildi." }, { q: "1526 Mohaç Meydan Muharebesi'nin Avrupa siyasi tarihi açısından en önemli stratejik sonucu aşağıdakilerden hangisidir?", o: [ "Macaristan'ın bir tampon bölge olmaktan çıkarak Osmanlı hakimiyetine girmesi", "Almanya'nın tamamının Osmanlı toprağı olması", "Haçlı seferlerinin bir daha asla yapılmayacağının garanti altına alınması", "İngiltere'nin Osmanlı'ya tabi bir krallık haline gelmesi", "Avusturya kralının Osmanlı sadrazamına denk sayılması" ], a: 0, h: "Macaristan krallığının çöküşünün Osmanlı-Avrupa dengelerindeki yerini düşünmelisin.", r: "Mohaç zaferiyle Orta Avrupa kapıları açılmış ve Osmanlı, Habsburg imparatorluğu ile doğrudan sınır komşusu olmuştur." }, { q: "Osmanlı Devleti'nin 'İstimalet' (Gönül Alma) politikasını fethedilen topraklarda titizlikle uygulamasının kalıcılık açısından faydası nedir?", o: [ "Gayrimüslim tebaanın devlete olan bağlılığını artırarak isyan riskini azaltması", "Tüm Avrupa'yı barış yoluyla İslamlaştırmak", "Fethedilen yerlerdeki yerel yöneticilerin yetkilerini artırmak", "Vergi sistemini tamamen kaldırmak", "Ordunun savaşma azmini kırmak" ], a: 0, h: "Bir halkın zorla değil de rıza ile bir yönetime tabi olmasının fethin sürekliliğine etkisini düşünmelisin.", r: "Adaletli yönetim ve dini özgürlük, halkın Osmanlı idaresini benimsemesini ve savunmasını sağlar." }, { q: "1606 Zitvatorok Antlaşması ile Osmanlı padişahının Avusturya kralını (Sezar) kendisine denk sayması, diplomaside neyi ifade eder?", o: [ "Osmanlı Devleti'nin mutlak diplomatik üstünlüğünün sarsılması ve mütekabiliyet (eşitlik) esasına geçilmesi", "Avusturya'nın Osmanlı'ya vergi vermeye başlaması", "Viyana'nın kapılarının Osmanlı'ya tamamen açılması", "Mezhep savaşlarının sona erdiğinin kanıtlanması", "İstanbul'un diplomatik bir merkez olma özelliğini yitirmesi" ], a: 0, h: "1533 İstanbul Antlaşması'ndaki protokol üstünlüğü ile bu durumu karşılaştır.", r: "Daha önce sadrazama denk sayılan kralın artık padişaha denk sayılması, psikolojik üstünlüğün kaybıdır." }, { q: "16. yüzyılda Coğrafi Keşifler sonucunda ticaret yollarının okyanuslara kayması karşısında Osmanlı Devleti'nin geliştirdiği 'karşı hamle' stratejisi aşağıdakilerden hangisidir?", o: [ "Avrupa devletlerine kapitülasyonlar vererek Akdeniz ticaretini canlı tutmaya çalışmak", "Amerika kıtasını sömürgeleştirmek için yeni filolar kurmak", "İpek Yolu'nu tamamen Rusya'ya devretmek", "Kağıt paraya geçerek enflasyonu durdurmaya çalışmak", "Avrupa ile tüm ticari ilişkileri bıçak gibi kesmek" ], a: 0, h: "Ticaret yolları yer değiştiriyorsa tüccarları eski yollara nasıl geri çekebilirsin?", r: "Gümrük indirimleri ve imtiyazlarla yabancı tüccarların Akdeniz limanlarını kullanması teşvik edilmiştir." }, { q: "1672 Bucaş Antlaşması ile Osmanlı Devleti'nin batıda en geniş sınırlarına ulaşması, stratejik açıdan neyin göstergesidir?", o: [ "Osmanlı askeri gücünün batıdaki genişleme kapasitesinin zirve noktasına ulaştığının", "Avrupa’da artık hiçbir devletin Osmanlı’ya karşı koyamayacağının", "Lehistan’ın tamamen haritadan silindiğinin", "İkinci Viyana Kuşatması'na gerek kalmadığının", "Donanmanın artık karada da etkili olduğunun" ], a: 0, h: "Bir imparatorluğun lojistik ve askeri olarak ilerleyebileceği en uç noktayı düşün.", r: "Podolya'nın alınmasıyla Osmanlı Devleti Batı'da coğrafi ve lojistik olarak en uç sınıra ulaşmıştır." }, { q: "1683 II. Viyana Kuşatması'nın başarısızlıkla sonuçlanmasının 'stratejik-lojistik' sebebi aşağıdakilerden hangisidir?", o: [ "Ordunun çok uzak mesafeden yorulması ve ağır kuşatma toplarının götürülememesi", "Merzifonlu Kara Mustafa Paşa'nın savaşa katılmaması", "Viyana halkının Osmanlı'yı desteklemesi", "Padişahın orduya ihanet etmesi", "Kırım Hanı'nın Leh ordusuna karşı koymayarak saf değiştirmesi" ], a: 0, h: "Bir kaleyi yıkmak için ne gerekir ve İstanbul'dan o kadar uzağa en ağır malzemeleri nasıl taşırsın?", r: "Menzilin uzaklığı, kuşatmanın uzaması ve surları yıkacak ağır ateş gücünün eksikliği bozgunun ana nedenleridir." }, { q: "Fatih Sultan Mehmed’in Otranto Seferi (1480) ile ulaşmak istediği nihai 'Cihanşümul' (evrensel) hedef nedir?", o: [ "Papalık merkezini (Roma) ele geçirerek Roma mirası üzerinde mutlak hakimiyet kurmak", "İspanya’daki Müslümanlara sadece gıda yardımı yapmak", "Adriyatik Denizi'nde yeni bir tatil köyü kurmak", "Venedik ticaret filosunu tamamen yakmak", "Balkanlar'daki tarım arazilerini genişletmek" ], a: 0, h: "Fatih'in kendine yakıştırdığı 'Kayser-i Rum' (Roma İmparatoru) unvanını ve Roma şehrinin önemini hatırla.", r: "Fatih, 'Kayser-i Rum' unvanının gereği olarak Doğu Roma'dan sonra Batı Roma'yı da fethetmeyi hedeflemiştir." }, { q: "1571 İnebahtı Deniz Mağlubiyeti sonrası Sokullu Mehmed Paşa’nın Venedik elçisine 'Siz bizim sakalımızı tıraş ettiniz...' demesi, devletin hangi özelliğine vurgu yapar?", o: [ "Osmanlı’nın ekonomik ve askeri olarak donanmasını çok kısa sürede yeniden inşa edebilecek güce sahip olduğuna", "Osmanlı Devleti'nin artık denizlerden vazgeçeceğine", "Barış yapmak için Venedik'e yalvarılacağına", "Padişahın üzüntüden sakalını kestiğine", "Venedik donanmasının yenilmez olduğuna" ], a: 0, h: "Kıbrıs'ın fethi (kol kesilmesi) ile yakılan donanma (sakal tıraşı) arasındaki 'vazgeçilemezlik' farkını düşünmelisin.", r: "Kıbrıs'ın alınması geri gelmeyecek bir kazançken, donanmanın yakılması telafi edilebilir bir kayıptır." }, { q: "Osmanlı Devleti'nin Avrupa'daki Protestan hareketlerini desteklemesi, aşağıdaki diplomatik stratejilerden hangisinin bir parçasıdır?", o: [ "Rakip güç odaklarını içeriden bölerek Hristiyan birliğinin oluşmasını engellemek", "İslamiyet’i Protestanlık adıyla Avrupa’da yaymak", "Kutsal toprakların anahtarını Protestanlara vermek", "Fransa ile arayı bozmak", "Osmanlı topraklarındaki Hristiyanları Protestan yapmak" ], a: 0, h: "Katolik Kilisesi ve Habsburg imparatorluğu güçlenirse Osmanlı'ya ne olur?", r: "Papalık ve Habsburg otoritesine karşı çıkan grupları desteklemek, Osmanlı'nın Batı siyasetindeki 'Böl ve Yönet' taktiğidir." }, { q: "Osmanlı Devleti'nin Doğu sınırlarında Safeviler ile yaptığı 1555 Amasya Antlaşması'nın stratejik önemi nedir?", o: [ "İki devlet arasında imzalanan ilk resmi barış antlaşması olması ve sınırları netleştirmesi", "Safevi Devleti'nin tamamen Osmanlı toprağı olması", "İpek Yolu'nun tamamen kapatılması", "İstanbul'un başkent olmaktan çıkarılması", "Rusya'nın güneye inmesine izin verilmesi" ], a: 0, h: "Uzun süren savaşlardan sonra imzalanan 'ilk resmi metin' her zaman önemlidir.", r: "Bu antlaşma ile Safeviler ile olan uzun süreli çatışma dönemi ilk kez hukuki bir zemine oturmuştur." }, { q: "Mimar Sinan tarafından projelendirilen ve 16. yüzyılda planlanan 'Süveyş Kanalı'nın asıl stratejik gayesi nedir?", o: [ "Hint deniz ticaretini Akdeniz'e çekerek Coğrafi Keşiflerin etkisini kırmak", "Nil Nehri’ni tamamen kurutmak", "Avrupa’yı susuz bırakmak", "Kudüs’ü Hristiyanlara teslim etmek", "Piramitlerin yerini değiştirmek" ], a: 0, h: "Kızıldeniz ile Akdeniz birleşirse gemiler Ümit Burnu'nu dolaşmaktan kurtulur mu?", r: "Kanal açılırsa Portekiz kontrolündeki Ümit Burnu yerine Baharat Yolu tekrar canlanacak ve Osmanlı ekonomisi güçlenecektir." }, { q: "Osmanlı Devleti’nin 1453-1683 arası dönemde askeri başarılarını idari kurumlara dönüştürmesine (Örn: Fetih sonrası Divan teşkilatının genişlemesi) ne ad verilir?", o: [ "Kurumsallaşma (Devletleşme süreci)", "Feodalleşme", "Laikleşme", "Demokratikleşme", "Modernleşme" ], a: 0, h: "Bir fethi kalıcı kılan şey orayı kılıçla almak mıdır yoksa bir sistemle yönetmek mi?", r: "Askeri güç ile kazanılan topraklar, ancak bürokrasi ve kurumlar (Divan, Tımar vb.) ile yönetilebilir." }, { q: "1571 Kıbrıs’ın Fethi’nin Osmanlı için en önemli 'lojistik ve güvenlik' sonucu aşağıdakilerden hangisidir?", o: [ "Doğu Akdeniz ticaret yolunun ve Mısır-Anadolu hattının güvenliğinin kesinleşmesi", "Lefkoşa'nın dünyanın en büyük sanayi merkezi olması", "Venedik’in Osmanlı’ya savaş ilan etmesi", "Lala Mustafa Paşa'nın padişah ilan edilmesi", "Kıbrıs'ta petrol yataklarının bulunması" ], a: 0, h: "Mısır ile İstanbul arasındaki gemiler hangi adanın yanından geçmek zorundadır?", r: "Kıbrıs'taki Venedik korsanlarının temizlenmesi, Osmanlı gemileri için bölgeyi emniyetli hale getirmiştir." }, { q: "1453-1683 yılları arasındaki Osmanlı stratejik hamleleri genel olarak değerlendirildiğinde, devleti bir 'Cihan Devleti' yapan temel felsefe nedir?", o: [ "Sadece ordu kalabalığına güvenip sürekli savaşmak", "Askeri, ekonomik ve diplomatik güç unsurlarını 'Nizam-ı Alem' (Dünya Düzeni) ülküsü etrafında birleştirmek", "Dış dünya ile tüm iletişimi kesip içine kapanmak", "Sadece Türk soylu insanlara yönetim hakkı vermek", "Avrupa’yı tamamen yakıp yıkmak" ], a: 1, h: "Bir devletin sadece bilek gücüyle değil, bir akıl ve nizamla dünyayı yönetmesini düşünmelisin.", r: "Osmanlı, üç kıtayı kapsayan hakimiyetini adaletli bir yönetim ve küresel stratejilerle sürdürmüştür." } ]; let currentIdx = 0; let score = 0; let isAnswered = false; // Başlat function init() { showQuestion(); } function showQuestion() { isAnswered = false; const data = questions[currentIdx]; // Counter ve Progress document.getElementById('q-counter').innerText = `${currentIdx + 1} / ${questions.length}`; document.getElementById('p-bar').style.width = `${((currentIdx + 1) / questions.length) * 100}%`; // Metin document.getElementById('question').innerText = data.q; // Seçenekler const container = document.getElementById('options-container'); container.innerHTML = ''; data.o.forEach((opt, index) => { const btn = document.createElement('button'); btn.className = 'option-btn'; btn.innerHTML = `${String.fromCharCode(65 + index)}) ${opt}`; btn.onclick = () => selectOption(index, btn); container.appendChild(btn); }); // UI Reset document.getElementById('feedback-ui').style.display = 'none'; document.getElementById('hint-ui').style.display = 'block'; document.getElementById('hint-text').style.display = 'none'; document.querySelector('.hint-btn').innerText = '💡 Stratejik İpucu Göster'; } function selectOption(index, btn) { if (isAnswered) return; isAnswered = true; const data = questions[currentIdx]; const correctIdx = data.a; const buttons = document.querySelectorAll('.option-btn'); buttons.forEach((b, i) => { b.disabled = true; if (i === correctIdx) { b.classList.add('correct'); } else if (i === index) { b.classList.add('wrong'); } }); if (index === correctIdx) score++; // Feedback document.getElementById('rationale-text').innerText = data.r; document.getElementById('feedback-ui').style.display = 'block'; document.getElementById('hint-ui').style.display = 'none'; } function toggleHint() { const hText = document.getElementById('hint-text'); const hBtn = document.querySelector('.hint-btn'); if (hText.style.display === 'none') { hText.innerText = questions[currentIdx].h; hText.style.display = 'block'; hBtn.innerText = '🙈 İpucunu Gizle'; } else { hText.style.display = 'none'; hBtn.innerText = '💡 Stratejik İpucu Göster'; } } function handleNext() { currentIdx++; if (currentIdx < questions.length) { showQuestion(); } else { showResults(); } } function showResults() { document.getElementById('quiz-ui').style.display = 'none'; document.getElementById('result-ui').style.display = 'block'; document.getElementById('final-score').innerText = `${score} / ${questions.length}`; const percentage = (score / questions.length) * 100; let comment = ""; if (percentage >= 85) { comment = "Mükemmel! Osmanlı jeopolitiğini bir veziriazam gibi yönetiyorsun. Cihan Devleti'nin stratejik aklını tam anlamıyla kavramışsın."; } else if (percentage >= 60) { comment = "Gayet iyi! Stratejik detaylara biraz daha odaklanman seni bir uzman yapacaktır. Bazı diplomatik hamleleri tekrar gözden geçirebilirsin."; } else { comment = "Ders kitabındaki stratejik hamleler ve jeopolitik analizler bölümüne tekrar göz atmak ufkunu açacaktır. Vazgeçme!"; } document.getElementById('final-comment').innerText = comment; } function restartQuiz() { currentIdx = 0; score = 0; document.getElementById('result-ui').style.display = 'none'; document.getElementById('quiz-ui').style.display = 'block'; showQuestion(); } // Başlat window.onload = init;