Vanilla JS: Tính tuổi

https://viblo.asia/p/vanilla-js-tinh-tuoi-oOVlYnen58W

by trung ken

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.5.0/css/bootstrap.min.css">
<div class="container">
  <h1 class="my-5 text-center">Age Calculation</h1>
  <div class="input-group">
    <input type="text" class="form-control">
    <div class="input-group-append">
      <button class="btn btn-primary">Tính tuổi</button>
    </div>
  </div>
  <p class="text-muted">(Nhập năm sinh vào ô input ở trên và click vào button để tính tuổi)</p>
  <p id="result1"></p>
  <p id="result2"></p>
  <p id="result3"></p>
</div>

JavaScript

const ipnElement     = document.querySelector('input')
const btnElement     = document.querySelector('button')
const resultElement1 = document.querySelector('#result1')
const resultElement2 = document.querySelector('#result2')
const resultElement3 = document.querySelector('#result3')

btnElement.addEventListener('click', function() {
  const currentYear = new Date().getFullYear()
  const birthYear = Number(ipnElement.value)
  const age = currentYear - birthYear
  resultElement1.innerHTML = `Năm hiện tại: ${currentYear}`
  resultElement2.innerHTML = `Năm sinh: ${birthYear}`
  resultElement3.innerHTML = `Tuổi của bạn: ${currentYear} - ${birthYear} = ${age} tuổi`
})