// javascript

function myFunction() {
  const msg = document.getElementById('demo');

  if (document.getElementById('id1').validity.rangeOverflow) {
    msg.textContent = 'Value too large';
  } else {
    msg.textContent = 'Value OK';
  }
}

function checkEmail() {
  const msg = document.getElementById('demo');
  const emailNode = document.getElementById('email');
  if (emailNode.validity.typeMismatch) {
    msg.textContent = 'INVALID';
  } else {
    msg.textContent = 'VALID';
  }
}