IRCForumlarý - IRC ve mIRC Kullanýcýlarýnýn Buluþma Noktasý
  odeaweb

>
+
Etiketlenen Kullanýcýlar

1Beðeni(ler)
  • 1 Post By Mylife

 
 
LinkBack Seçenekler Stil
Prev önceki Mesaj   sonraki Mesaj Next
Alt 22 Mayýs 2025, 16:27   #1
Çevrimdýþý
i don't care if i'm misfit.
Kullanýcýlarýn profil bilgileri misafirlere kapatýlmýþtýr.
IF Ticaret Sayýsý: (0)
IF Ticaret Yüzdesi:(%)
Yaþ, Burç ve Yükselen Hesapla / Html & JavaScript





Bu forumdaki linkleri ve resimleri görebilmek için en az 25 mesajýnýz olmasý gerekir.



Bu forumdaki linkleri ve resimleri görebilmek için en az 25 mesajýnýz olmasý gerekir.


Kod:   Kodu kopyalamak için üzerine çift týklayýn!
<!DOCTYPE html> <html lang="tr"> <head> <meta charset="UTF-8" /> <title>Yaþ, Burç ve Yükselen Hesaplama</title> <style> body { background: #f4f4f4; font-family: Arial, sans-serif; } .kutu { max-width: 400px; margin: 60px auto; background: white; padding: 30px; border-radius: 15px; box-shadow: 0 8px 16px rgba(0,0,0,0.2); } h2 { text-align: center; color: #4CAF50; margin-bottom: 20px; } label { display: block; margin-top: 15px; font-weight: bold; } input { width: 100%; padding: 10px; margin-top: 5px; border-radius: 8px; border: 1px solid #ccc; } button { margin-top: 20px; width: 100%; padding: 12px; background: #4CAF50; color: white; border: none; border-radius: 8px; font-size: 16px; cursor: pointer; } button:hover { background: #45a049; } #sonuc { margin-top: 20px; padding: 15px; background: #e8f5e9; border-left: 5px solid #4CAF50; border-radius: 8px; } </style> </head> <body> <div class="kutu"> <h2>🎂 Yaþ, Burç ve Yükselen Hesapla</h2> <label for="ad">Adýnýz:</label> <input type="text" id="ad" /> <label for="soyad">Soyadýnýz:</label> <input type="text" id="soyad" /> <label for="dogum">Doðum Tarihiniz (GG.AA.YYYY):</label> <input type="text" id="dogum" placeholder="Örn: 15.03.1990" /> <label for="saat">Doðum Saati (24 saat format, Örn: 14:30):</label> <input type="text" id="saat" placeholder="Örn: 14:30" /> <button onclick="hesapla()">Hesapla</button> <div id="sonuc"></div> </div> <script> function burcHesapla(gun, ay) { if ((ay == 3 && gun >= 21) || (ay == 4 && gun <= 20)) return "Koç ♈"; if ((ay == 4 && gun >= 21) || (ay == 5 && gun <= 21)) return "Boða ♉"; if ((ay == 5 && gun >= 22) || (ay == 6 && gun <= 22)) return "Ýkizler ♊"; if ((ay == 6 && gun >= 23) || (ay == 7 && gun <= 22)) return "Yengeç ♋"; if ((ay == 7 && gun >= 23) || (ay == 8 && gun <= 22)) return "Aslan ♌"; if ((ay == 8 && gun >= 23) || (ay == 9 && gun <= 22)) return "Baþak ♍"; if ((ay == 9 && gun >= 23) || (ay == 10 && gun <= 22)) return "Terazi ♎"; if ((ay == 10 && gun >= 23) || (ay == 11 && gun <= 21)) return "Akrep ♏"; if ((ay == 11 && gun >= 22) || (ay == 12 && gun <= 21)) return "Yay ♐"; if ((ay == 12 && gun >= 22) || (ay == 1 && gun <= 21)) return "Oðlak ♑"; if ((ay == 1 && gun >= 22) || (ay == 2 && gun <= 19)) return "Kova ♒"; if ((ay == 2 && gun >= 20) || (ay == 3 && gun <= 20)) return "Balýk ♓"; return "Bilinmiyor"; } function yukselenHesapla(saat, dakika) { let saatDecimal = saat + dakika / 60; const burclar = [ "Koç ♈", "Boða ♉", "Ýkizler ♊", "Yengeç ♋", "Aslan ♌", "Baþak ♍", "Terazi ♎", "Akrep ♏", "Yay ♐", "Oðlak ♑", "Kova ♒", "Balýk ♓" ]; let index = Math.floor(saatDecimal / 2); if (index >= 12) index = 11; return burclar[index]; } function hesapla() { const ad = document.getElementById("ad").value.trim(); const soyad = document.getElementById("soyad").value.trim(); const dogum = document.getElementById("dogum").value.trim(); const saatStr = document.getElementById("saat").value.trim(); if (!ad || !soyad || !dogum || !saatStr) { document.getElementById("sonuc").innerHTML = "❗ Lütfen tüm alanlarý doldurun."; return; } const parcalar = dogum.split("."); if (parcalar.length !== 3) { document.getElementById("sonuc").innerHTML = "❗ Doðum tarihini GG.AA.YYYY formatýnda girin."; return; } const gun = parseInt(parcalar[0]); const ay = parseInt(parcalar[1]); const yil = parseInt(parcalar[2]); const saatParcala = saatStr.split(":"); if (saatParcala.length !== 2) { document.getElementById("sonuc").innerHTML = "❗ Doðum saatini HH:MM formatýnda girin."; return; } const saat = parseInt(saatParcala[0]); const dakika = parseInt(saatParcala[1]); if (isNaN(gun) || isNaN(ay) || isNaN(yil) || isNaN(saat) || isNaN(dakika)) { document.getElementById("sonuc").innerHTML = "❗ Tarih ve saat rakamlarýný doðru girin."; return; } const dogumTarihi = new Date(yil, ay - 1, gun); if (isNaN(dogumTarihi.getTime())) { document.getElementById("sonuc").innerHTML = "❗ Geçerli bir doðum tarihi girin."; return; } const simdi = new Date(); const fark = simdi - dogumTarihi; const gunler = Math.floor(fark / (1000 * 60 * 60 * 24)); const yilSayisi = Math.floor(gunler / 365.25); const aylar = Math.floor(gunler / 30.4375); const saatler = Math.floor(fark / (1000 * 60 * 60)); const burc = burcHesapla(gun, ay); const yukselen = yukselenHesapla(saat, dakika); const sonuc = ` <strong>👤 Merhaba ${ad} ${soyad}</strong><br><br> Doðduðunuzdan bu yana yaklaþýk:<br> 📆 <strong>${yilSayisi}</strong> yýl<br> 📅 <strong>${gunler}</strong> gün<br> 🗓️ <strong>${aylar}</strong> ay<br> ⏰ <strong>${saatler}</strong> saat geçti.<br><br> 🔮 Burcunuz: <strong>${burc}</strong><br> 🌟 Yaklaþýk Yükseleniniz: <strong>${yukselen}</strong><br> <small style="color:#888;">(Yükselen saati yaklaþýk 2 saat aralýklarla hesaplanmýþtýr.)</small> `; document.getElementById("sonuc").innerHTML = sonuc; } </script> </body> </html>

Doðumdan itibaren yýl, ay, gün ve saat olarak tam bilgisini verir. Burç ve yükselen tahmini yapar.

__________________

Stay strong, trust your instincts
Set your spirit free, never forget your spiritual side
Even in the midst of hardships
there is always a light to guide your way.
 
Alýntý ile Cevapla

 

Etiketler
astroloji, burÇ, css, html, java, script, yazýlým, yükselen


Konuyu Toplam 1 Üye okuyor. (0 Kayýtlý üye ve 1 Misafir)
 

Yetkileriniz
Konu Acma Yetkiniz Yok
Cevap Yazma Yetkiniz Yok
Eklenti Yükleme Yetkiniz Yok
Mesajýnýzý Deðiþtirme Yetkiniz Yok

BB code is Açýk
Smileler Açýk
[IMG] Kodlarý Açýk
HTML-Kodu Kapalý
Trackbacks are Kapalý
Pingbacks are Açýk
Refbacks are Açýk


Benzer Konular
Konu Konuyu Baþlatan Forum Cevaplar Son Mesaj
Sayý Tahmin Oyunu / Html & JavaScript Mylife HTML/CSS/JavaScript 0 22 Mayýs 2025 13:19
<html> <head> <title>Test</title> <script type="text/javascript"> var newCount; function timer(position,count) { if (po hAte HTML/CSS/JavaScript 0 10 Ekim 2014 03:54
HTML/CSS/JavaScript Ýndex Seth HTML/CSS/JavaScript 0 03 Eylül 2014 17:41