Çözüldü Ne zaman doğduğumuzu hesaplayan JavaScript kodu

Bu konu çözüldü olarak işaretlenmiştir. Çözülmediğini düşünüyorsanız konuyu rapor edebilirsiniz.
Çözüm
Bende olmuyor
JavaScript:
const today = new Date();
const birthDate = new Date("2008-08-01");
const age = today.getFullYear() - birthDate.getFullYear();
if (today.getMonth() < birthDate.getMonth() || (today.getMonth() === birthDate.getMonth() && today.getDate() < birthDate.getDate())) {
 age--;
}
document.getElementById('yas').innerText = age;
2008-08-01 benim doğum tarihim
Eğer JS kodlarını javascript.js dosyana yazıyorsan ;
<script src="javascript.js"></script>
bu kodu
<script src="javascript.js" defer></script>

olarak değiştir.
Bu aralar en sevdiğim iş kodun tabanını Openai'den alarak üstüne düzenleme yapmak.
Söylediğin cümleyi "bir JavaScript kodu yaz benim doğduğum yıla göre yaşımı hesaplasın ve her sene kendi güncellesin" olarak değiştirip yazdığımda bu kodu veriyor kalanını kendin düzenleyerek yapabilirsin.

JavaScript:
// Tarih seçicisinden doğum tarihi alın.
const birthDateInput = document.querySelector('#birthDate');

// Bugünün tarihini alın.
const today = new Date();

// Doğum tarihini tarih nesnesine çevirin.
const birthDate = new Date(birthDateInput.value);

// Yaşı hesaplayın (yıl farkını alın ve çıkartın)
const age = today.getFullYear() - birthDate.getFullYear();

// Eğer doğum ayı ve günü bugünün öncesindeyse, yaşı bir azaltın.
if (today.getMonth() < birthDate.getMonth() || (today.getMonth() === birthDate.getMonth() && today.getDate() < birthDate.getDate())) {
 age--;
}

// Yaşı ekrana yazdırın.
console.log(`Yaşınız: ${age}`);
 
Arkadaşın gönderdiği şey doğru ama senin istediğin arka tarafta otomatik hesaplasın bugün kaç yaşındaysam onu versin diyorsan şu şekilde kullanabilirsin:

HTML:
<p>
Merhaba ben Selahaddin, Amerika'da doğdum <label id="yas"></label> yaşındayım.
</p>
JavaScript:
const today = new Date();
// Doğum tarihini YIL-AY-GÜN formatında buraya girmen gerek.
const birthDate = new Date("1990-01-01");
const age = today.getFullYear() - birthDate.getFullYear();
if (today.getMonth() < birthDate.getMonth() || (today.getMonth() === birthDate.getMonth() && today.getDate() < birthDate.getDate())) {
 age--;
}
// ID değeri yas olan elemente yazdır.
document.getElementById('yas').innerText = age;

CodePen Linki
 
Neden çalışmıyor?
HTML
HTML:
<!DOCTYPE html>
<html lang="tr">
<head>
<title>
Selahaddin Doğan Kimdir?
</title>
<meta charset=”utf-8″>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Bu web sitesi Selahaddin Doğan hakkında bilgi almak için bu siteye gir">
<meta name="keywords" content="Selahaddin, Doğan, Selahaddin Doğan, kimdir, Selahaddin Doğan kimdir">
<meta name="author" content="Selahaddin Doğan">
<link rel="stylesheet" href="style.css">
<script src="javascript.js">
</script>
<link rel="icon" href="facion.gif" type="image/x-icon" />
</head>
<body>
<h1 id="head">
Selahaddin Doğan Kimdir?
</h2>
<hr id="hr1">
<div id="container">
Merhaba benim ismim Selahaddin soy ismim Doğan Kahramanmaraş'ta yaşıyorum, ben 2008 ağustosun 1'in de doğdum
<label id="yas">
</label>
yaşındayım.
 Ticaret Meslek Lisesinde Bilişim Teknolojileri alanında okuyorum
 ve yazılım geliştirme dalını seçmeyi düşünüyorum gelecekte yazılım mühendisi olmayı düşünüyoum
  ben orta seviye HTML5 CSS3 ve başlangıç seviyesinde Python3 biliyorum
   ve Linux işletim sistemini kullandığım için başlangıç seviyesinde de Linux terminalini kullanmayı biliyorum
   aynı zamanda Windows, Android ve Linux için format atmayı ve Windows kullanıcı şifrsi kırmayı biliyorum.
</div>
</body>
</html>
CSS
CSS:
#head {
text-align: center ;
font-size : 40px ;
margin: 5px ;
}

#container {
text-align: center ;
width: 100% ;
margin: 1px ;
padding: 1px;
}

#hr1 {
width: 100% ;
color: black ;
background-color: black ;
height: 1px ;
width: 100% ;
}

body {
background-color: rgb(179, 179, 255);
}
JavaScript
JavaScript:
const today = new Date();
const birthDate = new Date("2008-08-01");
const age = today.getFullYear() - birthDate.getFullYear();
if (today.getMonth() < birthDate.getMonth() || (today.getMonth() === birthDate.getMonth() && today.getDate() < birthDate.getDate())) {
 age--;
}
document.getElementById('yas').innerText = age;
 
Son düzenleme:
Benim yaşımı yazcam kullanıcı bir şey girmiyecek.


Tamam da ben HTML koduyla birlşetirmek istiyorum yani şöyle :
HTML:
<body>
<div>
Ben (yaş değişkeni) yaşındayım ...
</div>
</body>
yani javascript ile hesaplasın sonra HTML kodunun içinde göstersin.
Tamam işte kardeşim, gösterdiğim örnekle HTML kodunun içinde kullanabiliyorsun yaşını.
"yas" id'sini verdiğin tüm elementlere yazdırabiliyorsun yaşını.

CodePen Linki

Linkten görebilirsin.
 
Tamam işte kardeşim, gösterdiğim örnekle HTML kodunun içinde kullanabiliyorsun yaşını.
"yas" id'sini verdiğin tüm elementlere yazdırabiliyorsun yaşını.

CodePen Linki

Linkten görebilirsin.
Neden çalışmıyor?
HTML
HTML:
<!DOCTYPE html>
<html lang="tr">
<head>
<title>
Selahaddin Doğan Kimdir?
</title>
<meta charset=”utf-8″>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Bu web sitesi Selahaddin Doğan hakkında bilgi almak için bu siteye gir">
<meta name="keywords" content="Selahaddin, Doğan, Selahaddin Doğan, kimdir, Selahaddin Doğan kimdir">
<meta name="author" content="Selahaddin Doğan">
<link rel="stylesheet" href="style.css">
<script src="javascript.js">
</script>
<link rel="icon" href="facion.gif" type="image/x-icon" />
</head>
<body>
<h1 id="head">
Selahaddin Doğan Kimdir?
</h2>
<hr id="hr1">
<div id="container">
Merhaba benim ismim Selahaddin soy ismim Doğan Kahramanmaraş'ta yaşıyorum, ben 2008 ağustosun 1'in de doğdum
<label id="yas">
</label>
yaşındayım.
 Ticaret Meslek Lisesinde Bilişim Teknolojileri alanında okuyorum
 ve yazılım geliştirme dalını seçmeyi düşünüyorum gelecekte yazılım mühendisi olmayı düşünüyoum
  ben orta seviye HTML5 CSS3 ve başlangıç seviyesinde Python3 biliyorum
   ve Linux işletim sistemini kullandığım için başlangıç seviyesinde de Linux terminalini kullanmayı biliyorum
   aynı zamanda Windows, Android ve Linux için format atmayı ve Windows kullanıcı şifrsi kırmayı biliyorum.
</div>
</body>
</html>
CSS
CSS:
#head {
text-align: center ;
font-size : 40px ;
margin: 5px ;
}

#container {
text-align: center ;
width: 100% ;
margin: 1px ;
padding: 1px;
}

#hr1 {
width: 100% ;
color: black ;
background-color: black ;
height: 1px ;
width: 100% ;
}

body {
background-color: rgb(179, 179, 255);
}
JavaScript
JavaScript:
const today = new Date();
const birthDate = new Date("2008-08-01");
const age = today.getFullYear() - birthDate.getFullYear();
if (today.getMonth() < birthDate.getMonth() || (today.getMonth() === birthDate.getMonth() && today.getDate() < birthDate.getDate())) {
 age--;
}
document.getElementById('yas').innerText = age;
 
Çalışıyor kardeşim linki ziyaret et.
1671882591779.png
 
Çalışıyor kardeşim linki ziyaret et.
Eki Görüntüle 1611839
Bende olmuyor
JavaScript:
const today = new Date();
const birthDate = new Date("2008-08-01");
const age = today.getFullYear() - birthDate.getFullYear();
if (today.getMonth() < birthDate.getMonth() || (today.getMonth() === birthDate.getMonth() && today.getDate() < birthDate.getDate())) {
 age--;
}
document.getElementById('yas').innerText = age;
2008-08-01 benim doğum tarihim
 
Bende olmuyor
JavaScript:
const today = new Date();
const birthDate = new Date("2008-08-01");
const age = today.getFullYear() - birthDate.getFullYear();
if (today.getMonth() < birthDate.getMonth() || (today.getMonth() === birthDate.getMonth() && today.getDate() < birthDate.getDate())) {
 age--;
}
document.getElementById('yas').innerText = age;
2008-08-01 benim doğum tarihim
Eğer JS kodlarını javascript.js dosyana yazıyorsan ;
<script src="javascript.js"></script>
bu kodu
<script src="javascript.js" defer></script>

olarak değiştir.
 
Çözüm

Yeni konular

Geri
Yukarı