JavaScript İle Göz Egzersizi Uygulaması

Gözlerimiz, dünyayı görmemizi sağlayan en önemli organlarımızdan biridir. Günlük hayatımızda sürekli olarak gözlerimizi kullanırız ve bu da göz kaslarımızın yorulmasına ve zayıflamasına neden olabilir. Göz kaslarını güçlendirmek için ise çeşitli egzersizler mevcuttur.

Bu makalede, göz kaslarını eğlenceli bir şekilde çalıştırmak için geliştirilen bir JavaScript uygulamasını tanıtacağız. Uygulama, ekranda rastgele bir noktada çıkan ve fare ile tıklandıkça kaybolup başka bir noktada çıkan bir göz ikonu içerir. Kullanıcı, göz ikonunu olabildiğince hızlı ve doğru bir şekilde tıklamaya çalışır.

Uygulamanın faydaları şunlardır:

Göz kaslarını güçlendirir: Göz ikonunu takip etmek ve tıklamak, göz kaslarının farklı yönlerde hareket etmesini sağlar. Bu da göz kaslarının güçlenmesine ve daha esnek hale gelmesine yardımcı olur.
Göz-el koordinasyonunu geliştirir: Göz ikonunu tıklamak için göz ve el koordinasyonu gereklidir. Uygulama, göz-el koordinasyonunu geliştirmeye ve daha hızlı ve doğru bir şekilde tıklamaya yardımcı olur.
Odaklanma ve konsantrasyonu artırır: Göz ikonunu takip etmek ve tıklamak, kullanıcının dikkatini ve konsantrasyonunu ekrana odaklamasını sağlar. Bu da odaklanma ve konsantrasyon yeteneğinin gelişmesine yardımcı olur.
Eğlenceli ve motive edici: Uygulama, basit ve eğlenceli bir tasarıma sahiptir. Bu da kullanıcıları motive etmeye ve uygulamayı düzenli olarak kullanmaya teşvik eder.

Bu çalışmamızda saf JavaScript ile basit bir göz egzersizi uygulaması kodladım. Kodları aşağıdaki gibidir.

<!DOCTYPE html>
<html>
<body >

}
function closeContainer(elem,event){
if(event.target == elem){
  elem.style.display="none";
  document.getElementById("containerStarter").innerHTML="Göz Egzersizini Yeniden Başlat";
  document.querySelectorAll(".oneEye")[0].style.left=0;
  document.querySelectorAll(".oneEye")[0].style.top=0;
  }
}
</script>

</body>
</html>

</html>

Kodların Çalışan halini buradan test edebilirsiniz.

Skor: 0

Bu Blogda Ara

Turgut Arslan

JavaScript İle Göz Egzersizi Uygulaması

Yorumlar

Yorum Gönder

Bu blogdaki popüler yayınlar

ROAS Nedir? ROAS Nasıl Hesaplanır?

Javascript Kopyalama Kodu

Javascript ile veriyi bir alt satıra nasıl yazdırabiliriz?