Javascript

Mevcut Tarihi Takvim Yaprağı Şeklinde Gösteren Programı Javascript Script Dilinde Yapınız

Yeni bir Web Tasarım ve Programlama dersi makalesi ile birlikteyiz.

Kullanıcıların dikkatini çekmek için şu anki tarihin ayrıntılı bir şekilde yani takvim yaprağı şeklinde web sayfalarında kullanılması en sık görüntüleme biçimini oluşturmaktadır. Kullanıcıya o günün hatırlatılması değişik amaçlar için kullanılabilir. Şimdi uygulamaya ait kodları yazalım.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="https://www.w3.org/1999/xhtml">

<head>

<title>Takvim Yaprağı</title>

<script type="text/javascript">

    var tt = new Date();

    var ay = ["Ocak","Şubat","Mart","Nisan","Mayıs","Haziran","Temmuz","Ağustos","Eylül","Ekim","Kasım","Aralık"];

    var gun = ["Pazar","Pazartesi","Salı","Çarşamba","Perşembe","Cuma","Cumartesi"];

</script>

<style type="text/css">

       .t_menu{width:200px;height:200px;background:#eb5300;padding:10px;margin:auto;text-align:center;}

       .t_gun,.t_tarih{color:#fff;font-size:18px;font-family:"Verdana", cursive;line-height:20px;}

       .t_sayi{color:#fff;font-size:130px;font-family:"Verdana", cursive;line-height:150px;}

</style>

</head>

<body>

<div class="t_menu">

       <div class="t_gun">

    <script type="text/javascript">document.write(gun[tt.getDay()])</script>

    </div>

       <div class="t_sayi">

    <script type="text/javascript">document.write(tt.getDate())</script>

    </div>

       <div class="t_tarih">

    <script type="text/javascript">document.write(ay[tt.getUTCMonth()])</script> 

    <script type="text/javascript">document.write(tt.getFullYear())</script>

    </div>

</div>

</body>

</html>

 
İlgili Makaleler
Basamak Değerleri Seçilerek Elde Edilen Sayılarla Toplama İşlemi Alıştırmaları Yapan Programı Javascript Script Dilinde Yapınız
Javascript Kodlarıyla Tarayıcı Penceresinde Yön Tuşlarıyla Kutunun Hareket Ettirilmesi
Web Sayfasında Tıklanan Resmin Gerçek Boyutunu Öğrenme
JavaScript Kodlarıyla TextBox Nesnesine Sadece Sayıların Girilmesini Sağlama
Tetris Oyununu Javascript Dilini Kullanarak Web Sayfasında Kodlama1
Faktöriyel Hesabı Yapan Javascript Uygulaması
Validation Kontrollerini Yaparak Kimlik Bilgileri Formunu Oluşturan Programı Javascript Script Dilinde Yapınız
Koordinat Düzleminde Verilen Bir Noktanın Hangi Bölgeye Düştüğünü Bulan Programı Javascript Script Dilinde Yapınız
RadioButton Yardımıyla Web Sayfasının Arkaplan Rengini Değiştiren Uygulamayı Javascript Kodlarıyla Tasarlama
Girilen Bir Sayının Tek mi Çift mi Olup Olmadığını Kontrol Eden Web Uygulamasını Javascript Diliyle Yapma
Çarpma İşaretini Kullanmadan İki Sayıyı Çarpan Programı Javascript Script Dilinde Yapınız
Radio Button İçinden Seçilen Değeri Görüntüleyen Programı Javascript Script Dilinde Yapınız
Bölme İşaretini Kullanmadan İki Sayıyı Bölen Programı Javascript Script Dilinde Yapınız
2020 TYT Matematik Para Makinesiyle İlgili Sorunun Çözümünü Javascript Diliyle Kodlama
Pascal Üçgenine Ait İlk 10 Terimin Kat Sayılarını Bulan c# Web Uygulaması
RadioButton Yardımıyla Resim Galerisi Oluşturan Web Sayfasını Javascript Kodlarıyla Tasarlama
Birinci Dereceden Bir Bilinmeyenli Bir Denkleme Ait Çözüm Kümesine Göre Grafik Oluşturan Programı Javascript Script Dilinde Yapınız
JavaScript Script Dilinde Değişkenlere Değer Atama
Mevcut Tarihi Takvim Yaprağı Şeklinde Gösteren Programı Javascript Script Dilinde Yapınız
Kredi Kartı Taksitlendirme İşlemini Yapan Uygulamayı Terminal Tabanlı Olarak Tasarlayan Web Uygulaması

Yorum Ekle
   
Kötü
İyi