Pazartesi , 24 Temmuz 2017
Anasayfa » JavaScript » Sayısal Loto Örneği (Javascript)

Sayısal Loto Örneği (Javascript)

Sans oyunları gibi benzer oyunların algoritması programlama mantığı bakımından güzel algoritmalardır.  (oynanmasını kesinlikle karşıyım) Bu sayısal loto için gerekli olan algoritmayı daha önce başka bir sitede yayımlamıştım. Yapılan uygulamanın kodlarını yazılım bilişim sitesine eklemek istedim. Bir çok programlama dili ile hazırlamış olan uygulamayı ben de Javascript (Jquery) ile doğru çalışan bir örneğini hazırlayacağım.
Şunu belirteyim. Uygulamanın doğru düzgün çalışan hali dost bir site ve burası dışında pek bir alternatifi yok. En azından grafiksel olarak düzgün bir şekilde görünen hali hazırlanmamıştır.

 

Javascript Algoritma Sayısal Loto
Javascript Algoritma Sayısal Loto

DEMO

İlk yapılması gereken iş sorunun tam olarak ne olduğunu iyice bir anlamak. Sorunu anlamadan yazılan her kod sadece boşa çekilen kürektir. Eksik yazılan kodlar programcıyı tekrar tekrar başa dönmek zorunda bırakır. Bunu içinde internette bu oyunun nasıl oynandığını araştırdım. Aşağıdaki gibi bir liste oluşturup kodlamaya geçmeye hazır olduğuma karar verdim.

Sayısal Loto: 49 sayı içerisinde seçilecek 6 sayıyı bilme üzerine dayalı şans oyunudur.

Bu tanımdan yola çıkarak öncelikle 1-49 arasında rastgele 6 sayı belirleyen javascript kodumu yazıyorum.
/*sayıların belirlenmesi için gerekli global değişkenlerin tanımlanması*/

Yukarıda şans oyunundaki sayıları belirleyip bir diziye ekledim. Jquery ile 1-49 arasındaki topları ekranda göstermek için gerekli olan jquery kodumu yazıyorum.

 Ekranda şans toplarının görünmesi için gerekli olan kodları yazdıktan sonra topların tasarımını ekranda göstermek için aşağıdaki gibi kodları yazıyorum.

top class için css tasarımını ile div nesnelerinin ekranda top gibi görünmesini sağlıyorum.

toplar dizisinin içinde rastgele seçilmiş 6 sayı olduğunu biliyoruz. ekrandaki div nesneleri üzerinde querynin each metodu ile tek tek hareket ederek. dizimdeki sayıların div nesnelerinin içinde olup olmadığını kontrol ediyorum.

 

Yazdığımız kodları html dosyası içinde toparlayalım.

[sociallocker]Dosyayı İndir [/sociallocker]

Yada aşağıdaki butonsuz ve butonlu olarak iki sayfa tasarımı yapılmıştır. uygulama.html olarak kaydedip her hangi bir tarayıcı ile açıyoruz.

Yukarıda ki örneğin Buton eklenmiş haldeki Uygulama2.html kodları aşağıdadır.

Hakkında Hayri

İlginizi Çekebilir

JQuery UI Tabs Menü Kullanımı

Bu örneğimizde JQuery’nin Ui eklentisini kullanarak Tabs Menü yapacağız. İlk olarak JQuery’nin sayfasından, JQuery ve …

4 Yorumlar

  1. hocam each nedir orada ne işe yarıyor ?

    • Hayri KOÇMARLAR

      Programlama dillerinde kullanılan foreach deyimi ile benzer bir yapısı var. Dizi üzerindeki elemanları ileri yönlü okumak için kullanılıyor.

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir