GameZone Witgets

GameZone Tarafından Paylaşılan Widgetler Vardır.

KODU AL

<h3 style="color: #17a2b8;">Rastgele Alıntı</h3>

<p id="quote" style="font-style: italic; font-size: 18px;">"Hayat, %10 ne olduğunuz ve %90 ne düşündüğünüzdür."</p>

Yeni Alıntı

</button>

</div>

const quotes = [

'"Hayat, %10 ne olduğunuz ve %90 ne düşündüğünüzdür."',

'"Başarı, en iyi öğretmendir." - Bill Gates',

'"Hayallerinize ulaşmak için ilk adımı atın."',

'"Zaman, en değerli kaynağınızdır."',

'"Gelecek, bugünden ne yaptığınıza bağlıdır."'

];

function newQuote() {

const randomIndex = Math.floor(Math.random() * quotes.length);

document.getElementById('quote').innerText = quotes[randomIndex];

}

</script>

KODU AL

<h3 style="color: #007bff;">Günün Tarihi ve Saati</h3>

</div>

function updateDateTime() {

const now = new Date();

const options = { year: 'numeric', month: 'long', day: 'numeric', hour: '2-digit', minute: '2-digit', second: '2-digit', hour12: false };

document.getElementById('date-time').innerText = now.toLocaleString('tr-TR', options);

}

setInterval(updateDateTime, 1000);

updateDateTime(); // İlk güncelleme

</script>

KODU AL

<h3 style="color: #ff5722;">Renk Seçici</h3>

<p id="color-output" style="margin-top: 10px; font-size: 24px;">Seçilen Renk: <span id="selected-color">#ff5722</span></p>

</div>

function changeColor(color) {

document.getElementById('selected-color').innerText = color;

document.body.style.backgroundColor = color; // Arka plan rengini değiştir

}

</script>

KODU AL

<h3 style="color: #28a745;">Zamanlayıcı</h3>

Başlat

</button>

</div>

function startTimer() {

const seconds = document.getElementById('timer-input').value;

let remainingTime = seconds;

const countdown = setInterval(() => {

if (remainingTime <= 0) {

clearInterval(countdown);

document.getElementById('timer-output').innerText = "Zaman doldu!";

} else {

document.getElementById('timer-output').innerText = `${remainingTime} saniye kaldı`;

remainingTime--;

}

}, 1000);

}

</script>

KODU AL

<h3 style="color: #ff5722;">Eğlenceli Sesli Yanıt</h3>

Sesli Yanıt Ver

</button>

</div>

function speakText() {

const text = document.getElementById('voice-input').value;

const speech = new SpeechSynthesisUtterance(text);

window.speechSynthesis.speak(speech);

}

</script>

KODU AL

<h3 style="color: #ff4d4d;">Anlık Müzik Önerileri</h3>

Öneri Al

</button>

</div>

const musicRecommendations = [

"Şarkı 1: 'Shape of You' - Ed Sheeran",

"Şarkı 2: 'Blinding Lights' - The Weeknd",

"Şarkı 3: 'Levitating' - Dua Lipa",

"Şarkı 4: 'Stay' - The Kid LAROI & Justin Bieber"

];

function getMusicRecommendation() {

const randomIndex = Math.floor(Math.random() * musicRecommendations.length);

document.getElementById('music-output').innerText = musicRecommendations[randomIndex];

}

</script>

KODU AL

<h3 style="color: #6f42c1;">Rastgele Resim Gösterici</h3>

Rastgele Resim Göster

</button>

</div>

const images = [

"https://via.placeholder.com/150/FF5733/FFFFFF?text=Resim+1",

"https://via.placeholder.com/150/33FF57/FFFFFF?text=Resim+2",

"https://via.placeholder.com/150/3357FF/FFFFFF?text=Resim+3",

"https://via.placeholder.com/150/FF33A1/FFFFFF?text=Resim+4"

];

function showRandomImage() {

const randomIndex = Math.floor(Math.random() * images.length);

document.getElementById('image-output').innerHTML = `<img src="${images[randomIndex]}" alt="Rastgele Resim" style="width: 150px; height: auto;">`;

}

</script>

KODU AL

<h3 style="color: #007bff;">Kullanıcı Aracısı Bilgileri</h3>

Bilgileri Göster

</button>

</div>

function showUserAgent() {

const userAgent = navigator.userAgent;

document.getElementById('user-agent-output').innerText = `Kullanıcı Aracısı: ${userAgent}`;

}

</script>

KODU AL

<h3 style="color: #6f42c1;">Uluslararası Saatler</h3>

Saatleri Güncelle

</button>

</div>

const timezones = [

{ name: "New York", offset: -4 },

{ name: "London", offset: 0 },

{ name: "Berlin", offset: 2 },

{ name: "Istanbul", offset: 3 },

{ name: "Tokyo", offset: 9 },

{ name: "Sydney", offset: 10 }

];

function updateClocks() {

const clocksDiv = document.getElementById('clocks');

clocksDiv.innerHTML = ''; // Önceki saatleri temizle

timezones.forEach(zone => {

const date = new Date();

const utc = date.getTime() + (date.getTimezoneOffset() * 60000);

const localTime = new Date(utc + (3600000 * zone.offset));

const timeString = localTime.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' });

const clockDiv = document.createElement('div');

clockDiv.innerText = `${zone.name}: ${timeString}`;

clocksDiv.appendChild(clockDiv);

});

}

// Sayfa yüklendiğinde saatleri güncelle

updateClocks();

</script>