用html和js封装一个buttom组件

HTML代码：

<button id="myButton">Click Me</button>

JS代码：

function MyButton(elementId, text, callback) {
  // 获取按钮元素
  var button = document.getElementById(elementId);
  // 设置按钮文本
  button.innerHTML = text;
  // 监听按钮点击事件
  button.addEventListener('click', function() {
    // 调用回调函数
    callback();
  });
}

// 使用示例
MyButton('myButton', 'Submit', function() {
  alert('Button Clicked!');
});

上述代码使用了一个自定义的`MyButton`函数，该函数接收三个参数：

- `elementId`：按钮元素的id属性值
- `text`：按钮文本
- `callback`：按钮点击事件的回调函数

在`MyButton`函数中，首先获取了按钮元素，然后设置了按钮的文本和点击事件的回调函数。当按钮被点击时，回调函数将被调用。最后，在使用示例中，我们调用了`MyButton`函数来创建一个按钮，并传递了所需的参数。