Some old modal thing i had sitting on my desktop

modal.js

class Modal {
  constructor () {
    this.open()
    this.close()
  }

  settings () {
    return {
      open: '.modalOpen',
      close: '.modalClose',
      closeBtn: '.close'
    }
  }

  open () {
    const s = this.settings()
    const modals = document.querySelectorAll(s.open)
    Array.prototype.forEach.call(modals, el => {
      el.addEventListener('click', e => {
        const mId = this.dataset.modalid
        document.querySelector(s.close + '[data-modalId*="' + mId + '"]').classList.add('show')
      })
    })
  }

  close () {
    const s = this.settings()
    const clsBtns = document.querySelectorAll(s.closeBtn)
    Array.prototype.forEach.call(clsBtns, el => {
      el.addEventListener('click', e => {
        this.parentNode.classList.remove('show')
      })
    })
  }
}

export default Modal