HTML tarih yazdırma

erdincceper

Hectopat
Katılım
2 Ekim 2020
Mesajlar
94
Merhaba. İlk verilen başlangıç olarak D. M. Yyyy tarihinden günümüz olan ve her gün olarak XXX gün oldu diye bir kod lazım bulamadım yardımcı olur musunuz?
2. tarih her gün güncellenip bizim ilk girdiğimiz tarih arasındaki farkı yazması gerekiyor.
 
Sadece HTML ile yapamazsın. JavaScript kullanman gerekiyor.
Hocam eksik yazmışım JS ile kodu yazdım fakat ekrana nasıl yazdıracağımı çözemedim onu nasıl yapacağım.

Sadece HTML ile yapamazsın. JavaScript kullanman gerekiyor.

var baslangic = new Date("2018-04-01"),
bitis = new Date(),
fark = new Date(bitis - baslangic),
gun = Math.floor(fark/1000/60/60/24);

window.alert(gun);
 
Hocam eksik yazmışım JS ile kodu yazdım fakat ekrana nasıl yazdıracağımı çözemedim onu nasıl yapacağım.



var baslangic = new Date("2018-04-01"),
bitis = new Date(),
fark = new Date(bitis - baslangic),
gun = Math.floor(fark/1000/60/60/24);

window.alert(gun);
JavaScript'ten anlamadığım için cevap veremeyeceğim. Tek bildiğim HTML ile yapamayacağındı.
 
HTML:
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Technopat</title>
</head>
<body>
  <h1 id="h1" style="font-family: sans-serif;">Geçen gün sayisi: </h1>
  <script>
    const date = new Date("2018-04-01");
    const today = new Date();
    const h1 = document.getElementById("h1");
    h1.innerHTML += ~~((today - date) / 24 / 60 / 60 / 1000);
  </script>
</body>
</html>

@erdincceper Sorun çözüldüyse belirtir misiniz?
 
Son düzenleme:
HTML:
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Technopat</title>
</head>
<body>
  <h1 id="h1" style="font-family: sans-serif;">Geçen gün sayisi: </h1>
  <script>
    const date = new Date("2018-04-01");
    const today = new Date();
    const h1 = document.getElementById("h1");
    h1.innerHTML += ~~((today - date) / 24 / 60 / 60 / 1000);
  </script>
</body>
</html>

@erdincceper Sorun çözüldüyse belirtir misiniz?
Kontrol ediyorum hocam baktıntan sonra belirteceğim.
 

Technopat Haberler

Geri
Yukarı