6.sınıf Ondalık Sayıların Basamak Değerini Bulma Oyunu

🎯 Basamak Avcısı: Oyun Hakkında BilgiBasamak Avcısı, ortaokul 6. sınıf matematik müfredatına uygun olarak hazırlanan, ondalık gösterimlerde basamak kavramını öğretmeyi amaçlayan bir web uygulamasıdır.🎮 Oyunun AmacıÖğrenciye sunulan ondalık sayı içerisindeki rakamların hepsi aynıdır (Örneğin: 77,777). Bu tasarımın amacı, öğrencinin rakama değil, tamamen rakamın bulunduğu basamağın değerine odaklanmasını sağlamaktır Basamak Avcısı - 6. Sınıf Matematik /* --- GENEL TASARIM --- */ body { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; background: linear-gradient(135deg, #1e293b 0%, #0f172a 100%); min-height: 100vh; display: flex; align-items: center; justify-content: center; margin: 0; padding: 10px; color: #333; /* Mobil cihazlarda dikey taşmaları yönetmek için */ overflow-y: auto; touch-action: manipulation; } /* Havai Fişek Canvas (En Üst Katman) */ #fireworks-canvas { position: fixed; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; z-index: 999; } /* Oyun Kartı */ .game-card { background: #ffffff; border-radius: 24px; box-shadow: 0 20px 50px rgba(0,0,0,0.5); padding: 20px; width: 95%; max-width: 750px; text-align: center; border: 6px solid #334155; position: relative; z-index: 10; margin: 10px auto; } /* Üst Bilgi Paneli */ .header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; flex-wrap: wrap; gap: 10px; } .title { font-size: 24px; font-weight: 800; color: #0284c7; margin: 0; } .stats { display: flex; gap: 8px; } .stat-badge { background: #f0f9ff; color: #0369a1; padding: 6px 12px; border-radius: 50px; font-weight: bold; font-size: 14px; border: 2px solid #bae6fd; white-space: nowrap; } /* Ekranlar */ .screen { display: none; flex-direction: column; align-items: center; } .screen.active { display: flex; } /* Soru Kutusu */ .question-box { background: #fff7ed; border: 3px solid #fdba74; border-radius: 18px; padding: 15px; margin-bottom: 20px; font-size: 20px; color: #431407; box-shadow: inset 0 2px 5px rgba(0,0,0,0.05); min-height: 100px; width: 100%; box-sizing: border-box; display: flex; flex-direction: column; justify-content: center; } .val-text { color: #ea580c; font-weight: 900; font-size: 30px; margin: 5px 0; } /* Sayı Alanı (ab,cde formatı) */ .numbers-area { display: flex; justify-content: center; align-items: flex-end; gap: 6px; margin-bottom: 25px; padding: 10px 5px; flex-wrap: nowrap; width: 100%; box-sizing: border-box; } .digit-btn { background: #fff; border: 2px solid #cbd5e1; border-bottom: 6px solid #94a3b8; color: #334155; font-size: 36px; font-weight: 900; width: 50px; height: 75px; border-radius: 10px; cursor: pointer; transition: all 0.1s; flex-shrink: 1; /* Mobil ekranlarda sıkışmaya izin ver */ font-family: inherit; display: flex; align-items: center; justify-content: center; } .digit-btn:active { transform: translateY(3px); border-bottom-width: 2px; } .comma { font-size: 45px; font-weight: bold; color: #94a3b8; margin-bottom: 10px; user-select: none; flex-shrink: 0; } /* Cevap Durumları */ .correct { background-color: #22c55e !important; color: #fff !important; border-color: #15803d !important; border-bottom-color: #14532d !important; transform: scale(1.05) translateY(-3px); } .wrong { background-color: #ef4444 !important; color: #fff !important; border-color: #b91c1c !important; border-bottom-color: #7f1d1d !important; animation: shake 0.4s; } /* Butonlar ve Mesajlar */ .feedback { font-size: 18px; font-weight: bold; height: 30px; margin-bottom: 15px; } .btn-action { background: #0ea5e9; color: #fff; border: none; padding: 12px 30px; font-size: 18px; font-weight: 800; border-radius: 50px; cursor: pointer; box-shadow: 0 4px 0 #0284c7; transition: all 0.2s; margin: 5px; } .btn-action:active { transform: translateY(2px); box-shadow: 0 2px 0 #0284c7; } .hidden { display: none !important; } /* Animasyonlar */ @keyframes shake { 0%, 100% { transform: translateX(0); } 25% { transform: translateX(-6px); } 75% { transform: translateX(6px); } } /* Tablet ve Masaüstü (Büyük Ekranlar) */ @media (min-width: 600px) { .game-card { padding: 30px; } .title { font-size: 28px; } .stat-badge { font-size: 18px; padding: 10px 18px; } .digit-btn { width: 65px; height: 95px; font-size: 48px; border-width: 3px; border-bottom-width: 8px; } .comma { font-size: 60px; } .question-box { font-size: 24px; padding: 25px; } .val-text { font-size: 38px; } .feedback { font-size: 22px; } .btn-action { font-size: 22px; padding: 16px 50px; } } /* Çok Küçük Telefonlar */ @media (max-width: 380px) { .digit-btn { width: 38px; height: 60px; font-size: 24px; border-bottom-width: 4px; } .comma { font-size: 35px; } .title { font-size: 18px; } .stat-badge { font-size: 12px; padding: 5px 10px; } } 🎯 Basamak Avcısı Soru: 1/15 Puan: 0 Ondalık sayılarda basamak değerini bulmaya hazır mısın? Oyuna Başla 🚀 Soru yükleniyor... Sıradaki Soru ➡️ TEBRİKLER! 🏆 Toplam Puanın: 0 🔄 Yeniden Oyna etkinmatematik.com | 6. Sınıf Matematik

6.sınıf Ondalık Sayıların Basamak Değerini Bulma Oyunu

🎯 Basamak Avcısı

TEBRİKLER! 🏆

Öğretmen

Bir yanıt yazın Yanıtı iptal et

5.Sınıf Temel Geometrik Kavramlar Kim Milyoner Olmak İster Yarışması

5.Sınıf Çarpma ve Bölme Problemleri Test Çöz

5.Sınıf Temel Geometrik Kavramlar Etkinliği

7.Sınıf Tam Sayılarda Toplama İşlemi Etkinliği-2

5.Sınıf Açılar Konu Kavrama Etkinliği

5.Sınıf Kare ve Dikdörtgenin Çevre ve Alanı Etkinlik ve Test Çöz

5.Sınıf Matematik

6.Sınıf Matematik

7.Sınıf Matematik

8.Sınıf Matematik

6.Sınıf Açıklık ve Aritmetik Ortalama Cevap Bulma Etkinliği

🎯 Basamak Avcısı

TEBRİKLER! 🏆

Öğretmen

5.Sınıf Çarpma ve Bölme İşlemi Problemleri Test Çöz

Bir Doğal Sayının Çarpanlarını Bulma Robotu

İlgili Makaleler

6.Sınıf Paralel Doğruların Bir Kesen Doğru İle Yaptığı Açılar Testi Çöz

6.Sınıf Üçgenin Alanını Hesaplama Sürükle Bırak Etkinliği

6.Sınıf Bölünebilme Kuralları Test Çöz

6.Sınıf Asal Çarpanlar Bulma Etkinliği