Hedefe tıklama oyunu, ekranda görünen bir nesneye tıklayarak puan kazanılan basit bir oyundur. Kullanıcı her tıkladığında puanı artar ve hedef farklı bir konuma geçer.
Bu oyun:
Refleks geliştirir
Hızlı düşünmeyi destekler
Eğlenceli bir deneyim sunar
Oyunun Çalışma Mantığı
Bu oyunda temel olarak üç işlem gerçekleşir:
Kullanıcı hedefe tıklar
Puan artırılır
Hedef rastgele bir konuma taşınır
JavaScript, bu işlemleri anlık olarak gerçekleştirerek sayfanın dinamik bir şekilde değişmesini sağlar.
Örnek Uygulama Kodu
<!DOCTYPE html>
<html>
<body>
<h2>Puan: <span id="puan">0</span></h2>
<div id="hedef" onclick="tikla()"
style="width:50px;height:50px;background:red;position:absolute;">
</div>
<script>
let puan = 0;
function tikla() {
puan++;
document.getElementById("puan").innerText = puan;
let x = Math.random() * window.innerWidth;
let y = Math.random() * window.innerHeight;
let kutu = document.getElementById("hedef");
kutu.style.left = x + "px";
kutu.style.top = y + "px";
}
</script>
</body>
</html>
Yukarıdaki kodda:
puandeğişkeni oyuncunun skorunu tutar
tikla() fonksiyonu her tıklamada çalışır
Math.random() ile hedefin yeri rastgele belirlenir
style.left ve style.top ile konum değiştirilir
Sonuç
JavaScript ile basit oyunlar geliştirmek, programlama öğrenimini hem kolay hem de eğlenceli hale getirir. Hedefe tıklama oyunu gibi küçük projeler sayesinde; kullanıcı etkileşimi, rastgelelik ve dinamik içerik oluşturma gibi temel konular rahatlıkla öğrenilebilir.
Bu tür projelerle başlanarak daha gelişmiş oyunlar ve uygulamalar geliştirmek mümkündür.
