myscript.js

const modal = document.getElementById('mcontainer');

document.getElementById('hamenu').addEventListener('click', () => {
  modal.style.display = 'flex';
});

const close = document.getElementById('times');
close.onclick = function () {
  modal.style.display = 'none';
};

const portfoliopage = document.getElementById('portfoliopage');

portfoliopage.onclick = function () {
  modal.style.display = 'none';
};
const about = document.getElementById('aboutpage');

about.onclick = function () {
  modal.style.display = 'none ';
};
const contact = document.getElementById('contactpage');

contact.onclick = function () {
  modal.style.display = 'none';
};

// validation
const forms = document.getElementById('getForm');
const msg = document.getElementById('small');
const success = document.getElementById('success');
const email = document.getElementById('email');

function checkEmail(email) {
  return email === email.toLowerCase();
}
forms.addEventListener('submit', (e) => {
  e.preventDefault();
  if (checkEmail(email.value)) {
    msg.classList.add('showMessage');
    success.classList.remove('showSuccess');
    forms.submit();
  } else {
    msg.textContent = 'Please remove any uppercase!';
    msg.classList.remove('showMessage');
    success.classList.add('showSuccess');
    success.textContent = 'success';
  }
});