Yapılandırılabilir Kelime Saati Simülatörü: 3 Adım

2025 Yazar: John Day | [email protected]. Son düzenleme: 2025-01-23 15:13

Bu tam olarak bir Eğitilebilirlik değil. Kendi Kelime Saatimi tasarlıyorum ve önce bir web uygulaması simülatörü oluşturmaya karar verdim, böylece ızgarayı düzenleyebilir ve günün çeşitli saatlerinde nasıl göründüğünü test edebilirim. Sonra bunun kelime saatleri üzerinde çalışan diğer insanlar için faydalı olabileceğini fark ettim ve paylaşmaya karar verdim.

Uygulama, tek bir kısa HTML dosyasıdır. Kaydeder ve üzerine çift tıklarsanız, tarayıcınızda açılır ve geçerli saati görüntülemeye başlar. Ardından, saat değiştiyse ekranı her 10 saniyede bir güncelleyecektir.

Ayrıca herhangi bir zamanda yazabileceğiniz ve projenizde nasıl görüneceğini görebileceğiniz bir metin alanı da bulunmaktadır.

Herkesin kelime saati tasarımı farklı, bu yüzden kodu kolayca yapılandırmaya çalıştım. Bunun nasıl yapılacağına ilişkin ipuçları için sonraki birkaç adıma bakın.

Umarım bunu faydalı bulursunuz! Donanıma geçmeden önce düzenleri ve ifadeleri deneyebilmek harika!

Adım 1: HTML Dosyasını İndirin

Simülatör, tek dosyalı bir web uygulamasıdır. 200 satırın hemen altında. Buradan indirebilirsiniz.

(Github'da dosyayı indirmek için gerçekten bir düğme yok. Ancak dosya içeriğini seçip kopyalayıp bilgisayarınızda yeni bir metin dosyasına yapıştırabilirsiniz. Dosyaya bir şey.html adını verdiğinizden emin olun.)

İndirdikten sonra, dosyaya çift tıklayın ve tarayıcınızda bir sekmeye yüklenecektir. Bir kelime ızgarasında görüntülenen geçerli saati görmelisiniz.

Not: Uygulamayı yalnızca Windows'ta Chrome kullanarak test ettim.

2. Adım: Izgarayı Düzenleyin

Şuna benzeyen Javascript parçasını düzenleyerek farklı sözcük düzenlerini deneyebilirsiniz:

var row_strs = [" BU ", "BİR İKİ ÜÇ", "DÖRT BEŞ ALTI", "YEDİ SEKİZ", "DOKUZ ON", "BİR BİR ON İKİ", "AH BEŞ ON", "BEŞ YİRMİ", "SAAT OTUZ", " KIRK ELLİ BEŞ ", "ÖĞLEDEN SONRA", " GECE SABAH",];

Satır ekler/siler ve sayfayı yeniden yüklerseniz, ızgaranız daha büyük veya daha küçük olacaktır.

Ve her satıra daha fazla harf eklerseniz, ızgaranız genişler. Sadece tüm satırların aynı sayıda harfe sahip olduğundan emin olun.

Yukarıdaki koddaki dizelerin boşluk içerdiğini, ancak bunların ızgarada rastgele karakterlere dönüştüğünü fark edeceksiniz. Şuna benzeyen satırı düzenleyerek bu boşlukları doldurmak için rastgele kullanılacak karakter kümesini seçebilirsiniz:

var RANDCHARS = "ABCDEFGHIJKLMNOPQRSTUVWXYZ@#$%&";

3. Adım: İfadeyi Değiştirin

Farklı ifadeler kullanmak istiyorsanız nasıl kod yazacağınızı bilmeniz gerekir. Bir tarihi alıp kelimelere çeviren mantık dateToSentence() adlı fonksiyondadır.