<h2>生年月日から年齢を計算</h2>
<p>生年月日を入力してください。</p>

<input type="date" id="birthday" value="2000-06-30">
<p><button type="button" onclick="calcAge()">計算</button></p>

<p id="age"></p>
<p id="20over"></p>

<script src="https://unpkg.com/dayjs@1.8.21/dayjs.min.js"></script>
function calcAge() {
  today = dayjs();
  let birthday = document.getElementById('birthday');
  dayjsBirthday = dayjs(birthday.value);
  age = today.diff(dayjsBirthday, 'year');
  document.getElementById("age").textContent = "あなたの年齢は" + age + "歳です。";
  if (age>=20) {
    document.getElementById("20over").textContent = "あなたは20歳以上です。";
  } else {
    document.getElementById("20over").textContent = "あなたは20歳未満です。";
  }
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.