document.addEventListener('DOMContentLoaded', () => {
const isimElement = document.querySelector('.isim');
const saniyeElement = document.querySelector('.saniye');
const avatarElement = document.querySelector('.avatar');
const stokElement = document.querySelector('.stok');
const stokBilgisiElement = document.querySelector('.stok-bilgisi');
const erkekVarsayilanAvatar = "images/erkek-avatar.png"; // Erkekler için varsayılan avatar
const kadinVarsayilanAvatar = "images/kadin-avatar.png"; // Kadınlar için varsayılan avatar
const veriler = data;
let stok = 150; // Başlangıç stok miktarı
let avatarOlanlar = veriler.filter(veri => veri.avatar); // Avatarı olan veriler
let digerleri = veriler.filter(veri => !veri.avatar); // Avatarı olmayan veriler
let gosterilenAvatarIndex = 0; // Gösterilen avatarlı verinin indexi
let gosterilenDigerIndex = 0; // Gösterilen avatarı olmayan verinin indexi
function rastgeleZaman() {
const dakikaVeyaSaniye = Math.random() < 0.5;
if (dakikaVeyaSaniye) {
const dakika = Math.floor(Math.random() * 2) + 1; // 1 ile 2 dakika arasında
return `${dakika} dakika önce aldı`;
} else {
const saniye = Math.floor(Math.random() * 59) + 1; // 1 ile 59 saniye arasında
return `${saniye} saniye önce aldı`;
}
}
function shuffleArray(array) {
for (let i = array.length - 1; i > 0; i--) {
const j = Math.floor(Math.random() * (i + 1));
[array[i], array[j]] = [array[j], array[i]];
}
}
shuffleArray(digerleri); // Avatarı olmayanları karıştır
function veriGuncelle() {
let veri;
if (gosterilenAvatarIndex < avatarOlanlar.length) {
veri = avatarOlanlar[gosterilenAvatarIndex];
gosterilenAvatarIndex++;
} else {
veri = digerleri[gosterilenDigerIndex];
gosterilenDigerIndex++;
}
if (stok > 0) {
stok--;
stokElement.textContent = `KALAN STOK: ${stok} ADET`;
}
isimElement.textContent = veri.isim;
if (veri.avatar) {
avatarElement.src = veri.avatar;
} else if (veri.cinsiyet === "erkek") {
avatarElement.src = erkekVarsayilanAvatar;
} else {
avatarElement.src = kadinVarsayilanAvatar;
}
saniyeElement.textContent = rastgeleZaman();
stokBilgisiElement.style.backgroundColor = '#d4edda'; // Açık yeşil
setTimeout(() => {
stokBilgisiElement.style.backgroundColor = '#efefef'; // Gri
}, 1000); // 1 saniyede geri dön
}
veriGuncelle(); // Sayfa yüklendiğinde ilk veriyi göster
setInterval(veriGuncelle, 3000 + Math.floor(Math.random() * 2000)); // Her 3-4 saniyede bir veri güncelleme işlemini kontrol et
});
const messages = document.querySelectorAll('.message');
let currentIndex = 0;
function showMessage(index) {
messages.forEach((message, i) => {
message.classList.remove('visible', 'hidden');
if (i === index) {
message.classList.add('visible');
} else if (i === (index - 1 + messages.length) % messages.length) {
message.classList.add('hidden');
}
});
}
function nextMessage() {
showMessage(currentIndex);
currentIndex = (currentIndex + 1) % messages.length;
}
// Başlangıçta ilk mesajı göster
showMessage(currentIndex);
currentIndex++;
// Mesajları döngü halinde göster
setInterval(nextMessage, 3000); // Mesaj geçiş süresi 3 saniye