Link : https://www.bilgiveteknoloji.com/ingilizce-kelime-ogren/
<!DOCTYPE html>
<html lang="tr">
<head>
<meta charset="UTF-8">
<title>İngilizce-Türkçe Kelime Öğrenme</title>
<style>
* {
box-sizing: border-box;
margin: 0;
padding: 0;
}
html, body {
height: 100%;
width: 100%;
font-family: 'Segoe UI', Arial, sans-serif;
background: #f9f9f9;
color: #222;
overflow: auto; /* burası önemli */
margin: 0;
padding: 0;
}
body {
display: flex;
flex-direction: column;
min-height: 100vh; /* tüm sayfa yüksekliği minimum */
}
header {
padding: 15px;
text-align: center;
font-size: 24px;
font-weight: bold;
color: #333;
flex-shrink: 0;
}
.tabs {
display: flex;
background: #ddd;
flex-shrink: 0;
}
.tab {
flex: 1;
padding: 12px;
text-align: center;
cursor: pointer;
transition: background 0.2s;
color: #555;
user-select: none;
}
.tab:hover {
background: #a3bffa;
color: #222;
}
.tab.active {
background: #7f9cf5;
color: #222;
font-weight: bold;
}
.content {
flex: 1;
display: none;
padding: 10px;
overflow: hidden; /* scroll kapalı */
height: 100%;
box-sizing: border-box;
}
.content.active {
display: flex;
flex-direction: column;
height: 100%;
}
/* Çalışma Alanı */
#studyContainer {
display: flex;
gap: 30px;
max-width: 900px;
margin: 20px auto;
height: 50vh; /* container sabit yükseklik, ekranın yarısı kadar */
overflow: hidden; /* scroll kapalı */
align-items: stretch;
justify-content: center;
}
.column {
flex: 1;
min-width: 280px;
background: #fff;
border-radius: 12px;
padding: 20px;
box-shadow: 0 4px 12px rgb(127 156 245 / 0.25);
display: flex;
flex-direction: column;
height: 100%; /* kolonlar container yüksekliğine uyumlu */
overflow: hidden; /* scroll kapalı */
}
#correct, #wrong {
flex: 1;
background: #f4f7ff;
border-radius: 12px;
box-shadow: inset 0 0 10px #7f9cf5aa;
font-size: 16px;
color: #333;
display: flex;
flex-direction: column-reverse;
gap: 8px;
padding: 10px 15px;
overflow-y: auto; /* scroll açıldı */
}
h2 {
text-align: center;
margin-bottom: 15px;
font-size: 22px;
color: #556ee6;
font-weight: 700;
letter-spacing: 0.05em;
flex-shrink: 0;
}
#card {
background: #7f9cf5;
color: white;
padding: 40px 20px;
border-radius: 16px;
font-size: 34px;
font-weight: 700;
text-align: center;
box-shadow: 0 0 20px #7f9cf5cc;
user-select: none;
transition: transform 0.3s ease;
margin-bottom: 20px;
flex-shrink: 0;
}
#card.show {
transform: scale(1.1);
}
#input {
padding: 15px 18px;
font-size: 18px;
border-radius: 12px;
border: 2px solid #7f9cf5;
outline: none;
color: #222;
transition: box-shadow 0.3s ease;
flex-shrink: 0;
}
#input:focus {
box-shadow: 0 0 10px #7f9cf5;
background: #f0f4ff;
}
#score {
text-align: center;
font-size: 20px;
margin-bottom: 15px;
font-weight: 600;
color: #4c6ef5;
flex-shrink: 0;
}
.word {
padding: 6px 10px;
border-radius: 8px;
background: white;
box-shadow: 0 1px 3px rgb(0 0 0 / 0.1);
border-left: 4px solid #7f9cf5;
cursor: default;
transition: background 0.2s;
user-select: none;
}
.word:hover {
background: #e1e9ff;
}
/* Kelime Ekleme alanı - orijinal */
#addContainer {
display: flex;
gap: 20px;
flex-wrap: wrap;
max-width: 1000px;
margin: auto;
}
#addLeft, #addRight {
flex: 1;
min-width: 300px;
display: flex;
flex-direction: column;
}
#newWords {
width: 100%;
height: 150px;
resize: none;
padding: 10px;
border-radius: 12px;
border: 2px solid #7f9cf5;
font-size: 16px;
margin-bottom: 10px;
outline: none;
box-sizing: border-box;
font-family: monospace;
}
button {
padding: 10px 20px;
border: none;
background: #7f9cf5;
color: white;
font-weight: 600;
border-radius: 12px;
cursor: pointer;
margin-bottom: 10px;
transition: background 0.3s ease;
user-select: none;
}
button:hover {
background: #556ee6;
}
/* Kelime Grupları listesi için özel */
#wordGroups {
max-height: 150px;
overflow-y: auto;
border: 1px solid #7f9cf5;
border-radius: 12px;
padding: 5px 0;
background: #fff;
user-select: none;
}
#wordGroups > div {
padding: 8px 12px;
border-left: 4px solid transparent;
transition: background 0.2s, border-left-color 0.2s;
cursor: pointer;
}
#wordGroups > div:hover {
background-color: #e1e9ff;
border-left-color: #7f9cf5;
}
</style>
</head>
<body>
<header>İngilizce-Türkçe Kelime Öğrenme</header>
<div class="tabs">
<div class="tab active" data-tab="study">Çalışma Alanı</div>
<div class="tab" data-tab="add">Kelime Ekle</div>
</div>
<!-- Çalışma Alanı -->
<div class="content active" id="study">
<div id="studyContainer">
<div class="column">
<h2>Kelime Kartı</h2>
<div id="score">Puan: 0</div>
<div id="card">Başlamak için yazın</div>
<input type="text" id="input" placeholder="Cevabı yaz...">
</div>
<div class="column">
<h2>Doğru</h2>
<div id="correct" class="word-list"></div>
</div>
<div class="column">
<h2>Yanlış</h2>
<div id="wrong" class="word-list"></div>
</div>
</div>
</div>
<!-- Kelime Ekleme -->
<div class="content" id="add">
<div id="addContainer">
<div id="addLeft">
<h2>Yeni Kelimeleri Toplu Ekle</h2>
<textarea id="newWords" placeholder="Her satıra: İngilizce -- Türkçe"></textarea>
<button id="addButton">Ekle</button>
<button id="clearAllButton">Tümünü Sil</button>
</div>
<div id="addRight">
<h2>Mevcut Kelimeler</h2>
<div id="allWords" class="word-list" style="max-height: 150px; overflow-y: auto;"></div>
<h2 style="margin-top: 30px;">Kelime Grupları</h2>
<div id="wordGroups" class="word-list"></div>
</div>
</div>
</div>
<script>
let words = [
{en:"apple", tr:"elma"},
{en:"book", tr:"kitap"},
{en:"car", tr:"araba"},
{en:"house", tr:"ev"},
{en:"dog", tr:"köpek"},
{en:"cat", tr:"kedi"},
{en:"tree", tr:"ağaç"},
{en:"water", tr:"su"}
];
let score = 0, currentIndex = 0, wrongWords = [];
let shuffledWords = [];
const card = document.getElementById('card');
const input = document.getElementById('input');
const correctList = document.getElementById('correct');
const wrongList = document.getElementById('wrong');
const scoreDiv = document.getElementById('score');
const allWordsDiv = document.getElementById('allWords');
const wordGroupsDiv = document.getElementById('wordGroups');
function shuffleWords(){
shuffledWords = words.map(w => ({...w, direction: Math.random() > 0.5 ? 'en' : 'tr'})).sort(() => Math.random() - 0.5);
currentIndex = 0;
wrongWords = [];
correctList.innerHTML = '';
wrongList.innerHTML = '';
input.disabled = false;
}
function showWord(){
if(currentIndex < shuffledWords.length){
const w = shuffledWords[currentIndex];
card.style.opacity = 0;
setTimeout(() => {
card.textContent = w.direction === 'en' ? w.en : w.tr;
card.style.opacity = 1;
input.value = '';
input.focus();
}, 200);
} else if(wrongWords.length > 0){
shuffledWords = wrongWords.map(w => ({...w, direction: Math.random() > 0.5 ? 'en' : 'tr'}));
wrongWords = [];
currentIndex = 0;
showWord();
} else {
card.textContent = "Tüm kelimeler tamamlandı!";
input.disabled = true;
}
}
function checkAnswer(){
if(input.value.trim() === '') return; // boş cevap alma
const w = shuffledWords[currentIndex];
const userAnswer = input.value.trim().toLowerCase();
const correctAnswer = w.direction === 'en' ? w.tr.toLowerCase() : w.en.toLowerCase();
const div = document.createElement('div');
div.classList.add('word');
div.textContent = `${w.en} - ${w.tr}`;
if(userAnswer === correctAnswer){
correctList.appendChild(div);
score++;
// Eğer kelime yanlışlar listesindeyse oradan kaldır
wrongWords = wrongWords.filter(ww => !(ww.en === w.en && ww.tr === w.tr));
// Yanlışlar listesinden kaldırdığımız kelimenin divini DOM'dan da kaldır
// Bunu yapmak için yanlış kelime divlerini kontrol edip sil
Array.from(wrongList.children).forEach(child => {
if(child.textContent === `${w.en} - ${w.tr}`){
wrongList.removeChild(child);
}
});
}
else {
wrongList.appendChild(div);
// Yanlışlar dizisine ekle, ama tekrar eklememek için kontrol
if(!wrongWords.some(ww => ww.en === w.en && ww.tr === w.tr)){
wrongWords.push(w);
}
}
scoreDiv.textContent = `Puan: ${score}`;
currentIndex++;
showWord();
}
function renderAllWords(){
allWordsDiv.innerHTML = '';
words.forEach(w => {
const div = document.createElement('div');
div.classList.add('word');
div.textContent = `${w.en} - ${w.tr}`;
allWordsDiv.appendChild(div);
});
}
// Örnek kelime grupları
const wordGroups = {
"seviye1": [
{en:"hello", tr:"merhaba"}, {en:"goodbye", tr:"hoşça kal"}, {en:"please", tr:"lütfen"}, {en:"thank you", tr:"teşekkür ederim"}, {en:"yes", tr:"evet"},
{en:"no", tr:"hayır"}, {en:"I", tr:"ben"}, {en:"you", tr:"sen / siz"}, {en:"he", tr:"o (erkek)"}, {en:"she", tr:"o (kadın)"},
{en:"we", tr:"biz"}, {en:"they", tr:"onlar"}, {en:"and", tr:"ve"}, {en:"but", tr:"ama"}, {en:"or", tr:"veya"},
{en:"one", tr:"bir"}, {en:"two", tr:"iki"}, {en:"three", tr:"üç"}, {en:"four", tr:"dört"}, {en:"five", tr:"beş"},
{en:"morning", tr:"sabah"}, {en:"night", tr:"gece"}, {en:"day", tr:"gün"}, {en:"food", tr:"yemek"}, {en:"water", tr:"su"},
{en:"eat", tr:"yemek (fiil)"}, {en:"drink", tr:"içmek"}, {en:"go", tr:"gitmek"}, {en:"come", tr:"gelmek"}, {en:"see", tr:"görmek"},
{en:"big", tr:"büyük"}, {en:"small", tr:"küçük"}, {en:"hot", tr:"sıcak"}, {en:"cold", tr:"soğuk"}, {en:"good", tr:"iyi"},
{en:"bad", tr:"kötü"}, {en:"happy", tr:"mutlu"}, {en:"sad", tr:"üzgün"}, {en:"man", tr:"adam"}, {en:"woman", tr:"kadın"},
{en:"boy", tr:"erkek çocuk"}, {en:"girl", tr:"kız çocuk"}, {en:"friend", tr:"arkadaş"}, {en:"family", tr:"aile"}, {en:"house", tr:"ev"},
{en:"room", tr:"oda"}, {en:"bed", tr:"yatak"}, {en:"table", tr:"masa"}, {en:"chair", tr:"sandalye"}, {en:"school", tr:"okul"}
],
"seviye2": [
{en:"car", tr:"araba"},
{en:"bus", tr:"otobüs"},
{en:"train", tr:"tren"},
{en:"airport", tr:"havaalanı"},
{en:"ticket", tr:"bilet"},
{en:"station", tr:"istasyon"},
{en:"map", tr:"harita"},
{en:"hotel", tr:"otel"},
{en:"travel", tr:"seyahat etmek"},
{en:"flight", tr:"uçuş"},
{en:"luggage", tr:"bagaj"},
{en:"taxi", tr:"taksi"},
{en:"road", tr:"yol"},
{en:"street", tr:"cadde"},
{en:"direction", tr:"yön"},
{en:"money", tr:"para"},
{en:"price", tr:"fiyat"},
{en:"buy", tr:"satın almak"},
{en:"sell", tr:"satmak"},
{en:"shop", tr:"dükkan"},
{en:"market", tr:"pazar"},
{en:"clothes", tr:"giysiler"},
{en:"shoes", tr:"ayakkabılar"},
{en:"hat", tr:"şapka"},
{en:"shirt", tr:"gömlek"},
{en:"pants", tr:"pantolon"},
{en:"dress", tr:"elbise"},
{en:"food", tr:"yiyecek"},
{en:"fruit", tr:"meyve"},
{en:"vegetable", tr:"sebze"},
{en:"meat", tr:"et"},
{en:"fish", tr:"balık"},
{en:"chicken", tr:"tavuk"},
{en:"bread", tr:"ekmek"},
{en:"milk", tr:"süt"},
{en:"coffee", tr:"kahve"},
{en:"tea", tr:"çay"},
{en:"juice", tr:"meyve suyu"},
{en:"water", tr:"su"},
{en:"breakfast", tr:"kahvaltı"},
{en:"lunch", tr:"öğle yemeği"},
{en:"dinner", tr:"akşam yemeği"},
{en:"eat", tr:"yemek"},
{en:"drink", tr:"içmek"},
{en:"cook", tr:"pişirmek"},
{en:"clean", tr:"temizlemek"},
{en:"wash", tr:"yıkamak"},
{en:"help", tr:"yardım etmek"},
{en:"call", tr:"aramak"}
],
"seviye3": [
{en:"doctor", tr:"doktor"},
{en:"hospital", tr:"hastane"},
{en:"medicine", tr:"ilaç"},
{en:"pain", tr:"ağrı"},
{en:"health", tr:"sağlık"},
{en:"body", tr:"vücut"},
{en:"head", tr:"baş"},
{en:"hand", tr:"el"},
{en:"leg", tr:"bacak"},
{en:"eye", tr:"göz"},
{en:"ear", tr:"kulak"},
{en:"mouth", tr:"ağız"},
{en:"nose", tr:"burun"},
{en:"hair", tr:"saç"},
{en:"feel", tr:"hissetmek"},
{en:"sleep", tr:"uyumak"},
{en:"wake up", tr:"uyanmak"},
{en:"walk", tr:"yürümek"},
{en:"run", tr:"koşmak"},
{en:"jump", tr:"zıplamak"},
{en:"work", tr:"çalışmak"},
{en:"study", tr:"ders çalışmak"},
{en:"learn", tr:"öğrenmek"},
{en:"teach", tr:"öğretmek"},
{en:"read", tr:"okumak"},
{en:"write", tr:"yazmak"},
{en:"listen", tr:"dinlemek"},
{en:"speak", tr:"konuşmak"},
{en:"hear", tr:"duymak"},
{en:"understand", tr:"anlamak"},
{en:"question", tr:"soru"},
{en:"answer", tr:"cevap"},
{en:"problem", tr:"problem"},
{en:"help", tr:"yardım"},
{en:"idea", tr:"fikir"},
{en:"plan", tr:"plan"},
{en:"important", tr:"önemli"},
{en:"different", tr:"farklı"},
{en:"same", tr:"aynı"},
{en:"easy", tr:"kolay"},
{en:"difficult", tr:"zor"},
{en:"fast", tr:"hızlı"},
{en:"slow", tr:"yavaş"},
{en:"beautiful", tr:"güzel"},
{en:"ugly", tr:"çirkin"},
{en:"new", tr:"yeni"},
{en:"old", tr:"eski"},
{en:"young", tr:"genç"},
{en:"old (age)", tr:"yaşlı"},
{en:"clean", tr:"temiz"}
],
"seviye4": [
{en:"culture", tr:"kültür"}, {en:"language", tr:"dil"}, {en:"history", tr:"tarih"}, {en:"government", tr:"hükümet"}, {en:"law", tr:"kanun"},
{en:"politics", tr:"siyaset"}, {en:"economy", tr:"ekonomi"}, {en:"business", tr:"iş dünyası"}, {en:"market", tr:"piyasa"}, {en:"money", tr:"para"},
{en:"bank", tr:"banka"}, {en:"account", tr:"hesap"}, {en:"credit", tr:"kredi"}, {en:"debt", tr:"borç"}, {en:"investment", tr:"yatırım"},
{en:"stock", tr:"hisse senedi"}, {en:"company", tr:"şirket"}, {en:"employee", tr:"çalışan"}, {en:"boss", tr:"patron"}, {en:"office", tr:"ofis"},
{en:"workplace", tr:"işyeri"}, {en:"salary", tr:"maaş"}, {en:"job", tr:"iş"}, {en:"career", tr:"kariyer"}, {en:"interview", tr:"mülakat"},
{en:"resume", tr:"özgeçmiş"}, {en:"skill", tr:"beceri"}, {en:"experience", tr:"deneyim"}, {en:"education", tr:"eğitim"}, {en:"degree", tr:"diploma"},
{en:"university", tr:"üniversite"}, {en:"college", tr:"kolej"}, {en:"school", tr:"okul"}, {en:"classroom", tr:"sınıf"}, {en:"teacher", tr:"öğretmen"},
{en:"student", tr:"öğrenci"}, {en:"lesson", tr:"ders"}, {en:"homework", tr:"ödev"}, {en:"exam", tr:"sınav"}, {en:"grade", tr:"not"},
{en:"subject", tr:"ders konusu"}, {en:"science", tr:"bilim"}, {en:"math", tr:"matematik"}, {en:"history", tr:"tarih"}, {en:"literature", tr:"edebiyat"},
{en:"art", tr:"sanat"}, {en:"music", tr:"müzik"}, {en:"sport", tr:"spor"}, {en:"game", tr:"oyun"}, {en:"team", tr:"takım"}
],
"seviye5": [
{en:"environment", tr:"çevre"}, {en:"pollution", tr:"kirlilik"}, {en:"recycle", tr:"geri dönüştürmek"}, {en:"energy", tr:"enerji"}, {en:"power", tr:"güç"},
{en:"electricity", tr:"elektrik"}, {en:"water", tr:"su"}, {en:"air", tr:"hava"}, {en:"soil", tr:"toprak"}, {en:"forest", tr:"orman"},
{en:"animal", tr:"hayvan"}, {en:"plant", tr:"bitki"}, {en:"tree", tr:"ağaç"}, {en:"flower", tr:"çiçek"}, {en:"river", tr:"nehir"},
{en:"lake", tr:"göl"}, {en:"sea", tr:"deniz"}, {en:"ocean", tr:"okyanus"}, {en:"weather", tr:"hava durumu"}, {en:"climate", tr:"iklim"},
{en:"temperature", tr:"sıcaklık"}, {en:"rain", tr:"yağmur"}, {en:"snow", tr:"kar"}, {en:"storm", tr:"fırtına"}, {en:"wind", tr:"rüzgar"},
{en:"sun", tr:"güneş"}, {en:"moon", tr:"ay"}, {en:"star", tr:"yıldız"}, {en:"sky", tr:"gökyüzü"}, {en:"space", tr:"uzay"},
{en:"planet", tr:"gezegen"}, {en:"earth", tr:"dünya"}, {en:"moon", tr:"ay"}, {en:"universe", tr:"evren"}, {en:"galaxy", tr:"galaksi"},
{en:"technology", tr:"teknoloji"}, {en:"computer", tr:"bilgisayar"}, {en:"internet", tr:"internet"}, {en:"phone", tr:"telefon"}, {en:"camera", tr:"kamera"},
{en:"robot", tr:"robot"}, {en:"machine", tr:"makine"}, {en:"engineer", tr:"mühendis"}, {en:"scientist", tr:"bilim insanı"}, {en:"experiment", tr:"deney"},
{en:"research", tr:"araştırma"}, {en:"discovery", tr:"keşif"}, {en:"invention", tr:"icat"}, {en:"spacecraft", tr:"uzay aracı"}, {en:"satellite", tr:"uydu"}
],
"seviye6": [
{en:"philosophy", tr:"felsefe"}, {en:"psychology", tr:"psikoloji"}, {en:"sociology", tr:"sosyoloji"}, {en:"anthropology", tr:"antropoloji"}, {en:"politics", tr:"siyaset"},
{en:"economics", tr:"iktisat"}, {en:"history", tr:"tarih"}, {en:"literature", tr:"edebiyat"}, {en:"art", tr:"sanat"}, {en:"music", tr:"müzik"},
{en:"theatre", tr:"tiyatro"}, {en:"dance", tr:"dans"}, {en:"painting", tr:"resim"}, {en:"sculpture", tr:"heykel"}, {en:"architecture", tr:"mimarlık"},
{en:"culture", tr:"kültür"}, {en:"tradition", tr:"gelenek"}, {en:"custom", tr:"adet"}, {en:"religion", tr:"din"}, {en:"belief", tr:"inanç"},
{en:"spirit", tr:"ruh"}, {en:"faith", tr:"iman"}, {en:"ritual", tr:"ayin"}, {en:"ceremony", tr:"tören"}, {en:"festival", tr:"festival"},
{en:"holiday", tr:"tatil"}, {en:"celebration", tr:"kutlama"}, {en:"event", tr:"etkinlik"}, {en:"community", tr:"topluluk"}, {en:"society", tr:"toplum"},
{en:"government", tr:"hükümet"}, {en:"law", tr:"kanun"}, {en:"justice", tr:"adalet"}, {en:"freedom", tr:"özgürlük"}, {en:"rights", tr:"haklar"},
{en:"democracy", tr:"demokrasi"}, {en:"equality", tr:"eşitlik"}, {en:"peace", tr:"barış"}, {en:"war", tr:"savaş"}, {en:"conflict", tr:"çatışma"},
{en:"power", tr:"güç"}, {en:"authority", tr:"yetki"}, {en:"leader", tr:"lider"}, {en:"citizen", tr:"vatandaş"}, {en:"policy", tr:"politikalar"},
{en:"strategy", tr:"strateji"}, {en:"decision", tr:"karar"}, {en:"problem", tr:"problem"}, {en:"solution", tr:"çözüm"}, {en:"challenge", tr:"zorluk"}
],
"seviye7": [
{en:"biology", tr:"biyoloji"}, {en:"chemistry", tr:"kimya"}, {en:"physics", tr:"fizik"}, {en:"mathematics", tr:"matematik"}, {en:"geography", tr:"coğrafya"},
{en:"astronomy", tr:"astronomi"}, {en:"geology", tr:"jeoloji"}, {en:"ecology", tr:"ekoloji"}, {en:"genetics", tr:"genetik"}, {en:"evolution", tr:"evrim"},
{en:"cell", tr:"hücre"}, {en:"organism", tr:"organizma"}, {en:"species", tr:"tür"}, {en:"habitat", tr:"yaşam alanı"}, {en:"ecosystem", tr:"ekosistem"},
{en:"climate", tr:"iklim"}, {en:"weather", tr:"hava durumu"}, {en:"pollution", tr:"kirlilik"}, {en:"conservation", tr:"koruma"}, {en:"renewable", tr:"yenilenebilir"},
{en:"energy", tr:"enerji"}, {en:"fossil fuel", tr:"fosil yakıt"}, {en:"solar", tr:"güneş enerjisi"}, {en:"wind", tr:"rüzgar"}, {en:"hydro", tr:"hidroelektrik"},
{en:"technology", tr:"teknoloji"}, {en:"computer", tr:"bilgisayar"}, {en:"internet", tr:"internet"}, {en:"software", tr:"yazılım"}, {en:"hardware", tr:"donanım"},
{en:"robotics", tr:"robotik"}, {en:"artificial intelligence", tr:"yapay zeka"}, {en:"machine learning", tr:"makine öğrenimi"}, {en:"data", tr:"veri"}, {en:"network", tr:"ağ"},
{en:"security", tr:"güvenlik"}, {en:"privacy", tr:"gizlilik"}, {en:"virus", tr:"virüs"}, {en:"program", tr:"program"}, {en:"application", tr:"uygulama"},
{en:"database", tr:"veritabanı"}, {en:"algorithm", tr:"algoritma"}, {en:"code", tr:"kod"}, {en:"debug", tr:"hata ayıklama"}, {en:"compile", tr:"derleme"},
{en:"execute", tr:"çalıştırma"}, {en:"system", tr:"sistem"}, {en:"process", tr:"süreç"}, {en:"interface", tr:"arayüz"}, {en:"user", tr:"kullanıcı"}
],
"seviye8": [
{en:"philosophy", tr:"felsefe"}, {en:"ethics", tr:"etik"}, {en:"morality", tr:"ahlak"}, {en:"metaphysics", tr:"metafizik"}, {en:"epistemology", tr:"bilgi felsefesi"},
{en:"logic", tr:"mantık"}, {en:"argument", tr:"argüman"}, {en:"debate", tr:"tartışma"}, {en:"rhetoric", tr:"hitabet"}, {en:"persuasion", tr:"ikna"},
{en:"psychology", tr:"psikoloji"}, {en:"cognition", tr:"biliş"}, {en:"emotion", tr:"duygu"}, {en:"behavior", tr:"davranış"}, {en:"perception", tr:"algı"},
{en:"consciousness", tr:"bilinç"}, {en:"memory", tr:"hafıza"}, {en:"learning", tr:"öğrenme"}, {en:"motivation", tr:"motivasyon"}, {en:"personality", tr:"kişilik"},
{en:"sociology", tr:"sosyoloji"}, {en:"culture", tr:"kültür"}, {en:"socialization", tr:"sosyalleşme"}, {en:"group", tr:"grup"}, {en:"community", tr:"topluluk"},
{en:"norm", tr:"norm"}, {en:"value", tr:"değer"}, {en:"role", tr:"rol"}, {en:"status", tr:"statü"}, {en:"institution", tr:"kurum"},
{en:"education", tr:"eğitim"}, {en:"economy", tr:"ekonomi"}, {en:"politics", tr:"siyaset"}, {en:"law", tr:"kanun"}, {en:"government", tr:"hükümet"},
{en:"power", tr:"güç"}, {en:"conflict", tr:"çatışma"}, {en:"peace", tr:"barış"}, {en:"war", tr:"savaş"}, {en:"justice", tr:"adalet"},
{en:"freedom", tr:"özgürlük"}, {en:"rights", tr:"haklar"}, {en:"democracy", tr:"demokrasi"}, {en:"equality", tr:"eşitlik"}, {en:"diversity", tr:"çeşitlilik"}
],
"seviye9": [
{en:"metaphor", tr:"mecaz"}, {en:"symbol", tr:"sembol"}, {en:"allegory", tr:"alegori"}, {en:"irony", tr:"ironi"}, {en:"satire", tr:"satir"},
{en:"paradox", tr:"paradoks"}, {en:"hyperbole", tr:"abartı"}, {en:"oxymoron", tr:"oksimoron"}, {en:"alliteration", tr:"ünsüz tekrarı"}, {en:"assonance", tr:"ünsüz benzerliği"},
{en:"narrative", tr:"anlatı"}, {en:"plot", tr:"olay örgüsü"}, {en:"character", tr:"karakter"}, {en:"theme", tr:"tema"}, {en:"setting", tr:"mekan"},
{en:"conflict", tr:"çatışma"}, {en:"resolution", tr:"çözüm"}, {en:"tone", tr:"ton"}, {en:"mood", tr:"ruh hali"}, {en:"point of view", tr:"bakış açısı"},
{en:"genre", tr:"tür"}, {en:"fiction", tr:"kurgu"}, {en:"non-fiction", tr:"kurgu dışı"}, {en:"poetry", tr:"şiir"}, {en:"prose", tr:"düz yazı"},
{en:"drama", tr:"drama"}, {en:"comedy", tr:"komedi"}, {en:"tragedy", tr:"trajedi"}, {en:"epic", tr:"destan"}, {en:"legend", tr:"efsane"},
{en:"myth", tr:"mit"}, {en:"folklore", tr:"folklor"}, {en:"fairy tale", tr:"masal"}, {en:"fable", tr:"mesel"}, {en:"moral", tr:"ahlak"},
{en:"author", tr:"yazar"}, {en:"poet", tr:"şair"}, {en:"novelist", tr:"romancı"}, {en:"playwright", tr:"oyun yazarı"}, {en:"critic", tr:"eleştirmen"},
{en:"publisher", tr:"yayıncı"}, {en:"reader", tr:"okuyucu"}, {en:"literature", tr:"edebiyat"}, {en:"translation", tr:"çeviri"}, {en:"language", tr:"dil"}
],
"seviye10": [
{en:"quantum", tr:"kuantum"}, {en:"relativity", tr:"izafiyet"}, {en:"photon", tr:"foton"}, {en:"neutron", tr:"nötron"}, {en:"electron", tr:"elektron"},
{en:"atom", tr:"atom"}, {en:"molecule", tr:"molekül"}, {en:"chemical", tr:"kimyasal"}, {en:"reaction", tr:"reaksiyon"}, {en:"compound", tr:"bileşik"},
{en:"element", tr:"element"}, {en:"periodic table", tr:"periyodik tablo"}, {en:"enzyme", tr:"enzim"}, {en:"protein", tr:"protein"}, {en:"cell membrane", tr:"hücre zarı"},
{en:"nucleus", tr:"çekirdek"}, {en:"genome", tr:"genom"}, {en:"chromosome", tr:"kromozom"}, {en:"mutation", tr:"mutasyon"}, {en:"evolution", tr:"evrim"},
{en:"natural selection", tr:"doğal seçilim"}, {en:"ecosystem", tr:"ekosistem"}, {en:"biodiversity", tr:"biyolojik çeşitlilik"}, {en:"climate change", tr:"iklim değişikliği"}, {en:"global warming", tr:"küresel ısınma"},
{en:"photosynthesis", tr:"fotosentez"}, {en:"respiration", tr:"solunum"}, {en:"digestion", tr:"sindirim"}, {en:"circulation", tr:"dolaşım"}, {en:"immune system", tr:"bağışıklık sistemi"},
{en:"nervous system", tr:"sinir sistemi"}, {en:"brain", tr:"beyin"}, {en:"hormone", tr:"hormon"}, {en:"vaccination", tr:"aşılama"}, {en:"antibody", tr:"antikor"},
{en:"virus", tr:"virüs"}, {en:"bacteria", tr:"bakteri"}, {en:"fungus", tr:"mantar"}, {en:"parasite", tr:"parazit"}, {en:"pathogen", tr:"hastalık yapıcı"},
{en:"diagnosis", tr:"teşhis"}, {en:"therapy", tr:"tedavi"}, {en:"pharmaceutical", tr:"ilaç"}, {en:"clinical trial", tr:"klinik deney"}, {en:"biotechnology", tr:"biyoteknoloji"}
],
"seviye11": [
{ en: "phenomenon", tr: "fenomen" },
{ en: "reconcile", tr: "uzlaştırmak" },
{ en: "mandatory", tr: "zorunlu" },
{ en: "notorious", tr: "kötü şöhretli" },
{ en: "paradigm", tr: "örnek model" },
{ en: "plausible", tr: "makul, mantıklı" },
{ en: "predicament", tr: "zor durum" },
{ en: "prolific", tr: "verimli" },
{ en: "repercussion", tr: "olumsuz sonuç" },
{ en: "succinct", tr: "özlü, kısa" },
{ en: "transient", tr: "geçici" },
{ en: "vigilant", tr: "uyanık, tetikte" },
{ en: "ambiguous", tr: "belirsiz" },
{ en: "belligerent", tr: "saldırgan" },
{ en: "coherent", tr: "tutarlı" },
{ en: "detrimental", tr: "zararlı" },
{ en: "elaborate", tr: "detaylandırmak" },
{ en: "formidable", tr: "dayanılmaz, zorlu" },
{ en: "hypothetical", tr: "varsayımsal" },
{ en: "imminent", tr: "yakın, eli kulağında" },
{ en: "inadvertent", tr: "istemeden yapılan" },
{ en: "inherent", tr: "doğuştan gelen" },
{ en: "lucrative", tr: "kârlı" },
{ en: "meticulous", tr: "titiz" },
{ en: "obsolete", tr: "modası geçmiş" },
{ en: "pragmatic", tr: "pratik" },
{ en: "redundant", tr: "gereksiz" },
{ en: "scrutinize", tr: "dikkatle incelemek" },
{ en: "tangible", tr: "dokunulabilir" },
{ en: "ubiquitous", tr: "her yerde bulunan" },
{ en: "adverse", tr: "olumsuz" },
{ en: "barrage", tr: "sürekli saldırı" },
{ en: "candid", tr: "samimi, içten" },
{ en: "diligent", tr: "özenli, gayretli" },
{ en: "exacerbate", tr: "kötüleştirmek" },
{ en: "facetious", tr: "şakacı, ciddiyetsiz" },
{ en: "gregarious", tr: "sosyal, arkadaş canlısı" },
{ en: "hierarchy", tr: "hiyerarşi" },
{ en: "impeccable", tr: "kusursuz" },
{ en: "judicious", tr: "akıllıca" },
{ en: "kinetic", tr: "hareketle ilgili" },
{ en: "lucid", tr: "açık, net" },
{ en: "munificent", tr: "cömert" },
{ en: "novice", tr: "acemi" },
{ en: "opaque", tr: "saydam olmayan" },
{ en: "placate", tr: "yatıştırmak" },
{ en: "quintessential", tr: "öz, temel" },
{ en: "resilient", tr: "dayanıklı" },
{ en: "sanguine", tr: "iyimser" }
],
"seviye12": [
{ en: "alleviate", tr: "hafifletmek" },
{ en: "cognizant", tr: "farkında" },
{ en: "dichotomy", tr: "ikilik, bölünme" },
{ en: "emulate", tr: "taklit etmek" },
{ en: "fastidious", tr: "titiz, zor beğenen" },
{ en: "gregarious", tr: "sosyal" },
{ en: "hinder", tr: "engellemek" },
{ en: "imbibe", tr: "içmek, özümsmek" },
{ en: "jargon", tr: "uzman dili" },
{ en: "keenness", tr: "heves, şevk" },
{ en: "lucid", tr: "açık, net" },
{ en: "malleable", tr: "şekillendirilebilir" },
{ en: "nuance", tr: "ince fark" },
{ en: "obfuscate", tr: "kafa karıştırmak" },
{ en: "panacea", tr: "her derde deva" },
{ en: "quell", tr: "bastırmak" },
{ en: "recalcitrant", tr: "inatçı" },
{ en: "sagacious", tr: "bilge" },
{ en: "tantamount", tr: "eşdeğer" },
{ en: "usurp", tr: "gasp etmek" },
{ en: "vacillate", tr: "kararsız kalmak" },
{ en: "wane", tr: "azalmak" },
{ en: "xerophyte", tr: "kuru ortam bitkisi" },
{ en: "yoke", tr: "boyunduruk" },
{ en: "zealot", tr: "fanatik" },
{ en: "accolade", tr: "ödül" },
{ en: "benevolent", tr: "iyi niyetli" },
{ en: "cacophony", tr: "kötü ses" },
{ en: "debacle", tr: "fiyasko" },
{ en: "eclectic", tr: "çeşitli" },
{ en: "fallacious", tr: "yanıltıcı" },
{ en: "garrulous", tr: "geveze" },
{ en: "hapless", tr: "şanssız" },
{ en: "iconoclast", tr: "gelenek karşıtı" },
{ en: "juxtapose", tr: "yan yana koymak" },
{ en: "knack", tr: "beceri" },
{ en: "legerdemain", tr: "hile" },
{ en: "mendacious", tr: "yalancı" },
{ en: "nefarious", tr: "kötü niyetli" },
{ en: "ostentatious", tr: "gösterişli" },
{ en: "palpable", tr: "elle tutulur" },
{ en: "quixotic", tr: "hayalci" },
{ en: "redolent", tr: "anımsatan" },
{ en: "soporific", tr: "uyku getiren" },
{ en: "temerity", tr: "cürret" },
{ en: "umbrage", tr: "darılma" }
],
"seviye13": [
{ en: "aberration", tr: "sapma" },
{ en: "bifurcate", tr: "ikiye ayırmak" },
{ en: "conflagration", tr: "büyük yangın" },
{ en: "deleterious", tr: "zararlı" },
{ en: "ephemeral", tr: "geçici" },
{ en: "fortuitous", tr: "şans eseri" },
{ en: "grandiloquent", tr: "abartılı konuşan" },
{ en: "harangue", tr: "uzun nutuk" },
{ en: "ignominious", tr: "utanç verici" },
{ en: "jejune", tr: "sıkıcı, anlamsız" },
{ en: "kismet", tr: "kader" },
{ en: "lachrymose", tr: "ağlatan" },
{ en: "mellifluous", tr: "tatlı dilli" },
{ en: "nadir", tr: "endazeli" },
{ en: "obstreperous", tr: "gürültücü" },
{ en: "pellucid", tr: "saydam, net" },
{ en: "quandary", tr: "ikilem" },
{ en: "recalcitrant", tr: "inatçı" },
{ en: "sagacious", tr: "bilge" },
{ en: "taciturn", tr: "sessiz" },
{ en: "unctuous", tr: "samimiyetsiz" },
{ en: "vicissitude", tr: "hayatın değişkenliği" },
{ en: "winsome", tr: "çekici" },
{ en: "xenophobia", tr: "yabancı korkusu" },
{ en: "yokel", tr: "köylü, cahil" },
{ en: "zephyr", tr: "hafif rüzgar" },
{ en: "abscond", tr: "kaçmak" },
{ en: "blandishment", tr: "övgü, dalkavukluk" },
{ en: "circumspect", tr: "tedbirli" },
{ en: "disparate", tr: "farklı" },
{ en: "enervate", tr: "güçten düşürmek" },
{ en: "fecund", tr: "verimli" },
{ en: "genteel", tr: "zarif" },
{ en: "heterogeneous", tr: "çeşitli, farklı" },
{ en: "impecunious", tr: "parasız" },
{ en: "jejune", tr: "sığ, anlamsız" },
{ en: "lachrymose", tr: "hüzünlü" },
{ en: "munificent", tr: "cömert" },
{ en: "neophyte", tr: "acemi" },
{ en: "obfuscate", tr: "karmaşıklaştırmak" },
{ en: "pellucid", tr: "saydam" },
{ en: "quixotic", tr: "hayalci" },
{ en: "reprobate", tr: "ahlaksız kişi" },
{ en: "sanguine", tr: "iyimser" },
{ en: "turpitude", tr: "ahlaksızlık" },
{ en: "vacillate", tr: "kararsız kalmak" },
{ en: "wizened", tr: "buruşuk" }
]
};
function renderWordGroups() {
wordGroupsDiv.innerHTML = '';
for(const groupName in wordGroups){
const div = document.createElement('div');
div.textContent = groupName;
div.addEventListener('click', () => {
words = [...wordGroups[groupName]];
score = 0;
scoreDiv.textContent = `Puan: ${score}`;
renderAllWords();
shuffleWords();
showWord();
alert(`"${groupName}" kelime grubu yüklendi!`);
});
wordGroupsDiv.appendChild(div);
}
}
// Event Listeners
input.addEventListener('keyup', e => {
if(e.key === 'Enter'){
checkAnswer();
}
});
document.getElementById('addButton').addEventListener('click', () => {
const val = document.getElementById('newWords').value.trim();
if(val){
const lines = val.split('\n'); let added = 0;
lines.forEach(line => {
if(line.includes('--')){
const parts = line.split('--').map(s => s.trim());
if(parts.length === 2 && parts[0] && parts[1]){
words.push({en: parts[0], tr: parts[1]});
added++;
}
}
});
if(added > 0){
renderAllWords();
shuffleWords();
showWord();
document.getElementById('newWords').value = '';
alert(`${added} kelime eklendi!`);
} else alert("Geçerli format: İngilizce -- Türkçe");
} else alert("Lütfen kelime girin!");
});
document.getElementById('clearAllButton').addEventListener('click', () => {
if(confirm("Tüm kelimeleri silmek istediğinizden emin misiniz?")){
words = [];
renderAllWords();
shuffleWords();
showWord();
score = 0;
scoreDiv.textContent = `Puan: ${score}`;
}
});
// Sekmeler
const tabs = document.querySelectorAll('.tab');
const contents = document.querySelectorAll('.content');
tabs.forEach(tab => {
tab.addEventListener('click', () => {
tabs.forEach(t => t.classList.remove('active'));
tab.classList.add('active');
contents.forEach(c => c.classList.remove('active'));
document.getElementById(tab.dataset.tab).classList.add('active');
});
});
// Başlangıç
renderAllWords();
renderWordGroups();
shuffleWords();
showWord();
</script>
</body>
</html>