通过class实现html点击后数字自增减

好的，我可以为您提供一个示例代码，实现一个按钮点击后数字自增减的功能。

首先，您需要在HTML文件中创建一个按钮和一个显示数字的元素，例如：

<button id="increment">增加</button>
<button id="decrement">减少</button>
<p id="count">0</p>

接下来，您可以使用JavaScript来实现按钮点击后数字自增减的功能，例如：

class Counter {
  constructor() {
    this.count = 0;
    this.incrementButton = document.getElementById('increment');
    this.decrementButton = document.getElementById('decrement');
    this.countElement = document.getElementById('count');

    this.incrementButton.addEventListener('click', () => {
      this.count++;
      this.updateCount();
    });

    this.decrementButton.addEventListener('click', () => {
      this.count--;
      this.updateCount();
    });
  }

  updateCount() {
    this.countElement.textContent = this.count;
  }
}

const counter = new Counter();

在这个示例中，我们定义了一个名为Counter的类，它包含一个计数器count和三个HTML元素的引用：增加按钮、减少按钮和显示数字的元素。在类的构造函数中，我们使用addEventListener方法为增加按钮和减少按钮分别添加点击事件监听器。当按钮被点击时，计数器count的值将相应地增加或减少，并调用updateCount方法更新显示数字的元素。最后，我们创建了一个Counter对象，将其赋值给变量counter，实现了数字自增减的功能。

注意：这里只是一个简单的示例代码，您可以根据自己的需求进行修改和补充。