js写弹窗插件

class Popup {
  constructor(options) {
    this.options = options;
    this.init();
  }

  init() {
    this.createPopup();
    this.attachEvents();
  }

  createPopup() {
    const popup = document.createElement('div');
    popup.className = 'popup';
    popup.innerHTML = `
      <div class="popup-content">
        <span class="close-btn">&times;</span>
        <h2>${this.options.title}</h2>
        <p>${this.options.message}</p>
        <button id="popup-btn">${this.options.buttonText}</button>
      </div>
    `;
    document.body.appendChild(popup);
  }

  attachEvents() {
    const closeBtn = document.querySelector('.close-btn');
    const popupBtn = document.getElementById('popup-btn');

    closeBtn.addEventListener('click', () => this.close());
    popupBtn.addEventListener('click', () => this.options.onClick());
  }

  close() {
    const popup = document.querySelector('.popup');
    document.body.removeChild(popup);
  }
}

// 使用示例
const popup = new Popup({
  title: '提示',
  message: '这是一个自定义弹窗',
  buttonText: '确定',
  onClick: () => alert('按钮被点击了')
});