创建一个Javascript按钮类，该类创建元素

Question

我想创建一个基于浏览器的游戏，它将具有多个按钮。 我还通过创建一个类来开始学习封装，该类在使用show()方法调用时将创建3个不同的元素（也许带有循环？）。 我具有React.js的经验，但不确定我的示例是否正确，但是：

class Button {
   constructor() {
     this.text = "a button";
     this.colour = "blue";
   }
   show() {
     // some logic to show the button
   }
}

我正在考虑在另一个类（例如Game）中使用它，它可能是在加载时初始化的。

class Game {
    constructor() {
      const button = new Button();
      showButtons();
    }

    showButtons() {
       // I want 3 different button elements here which can be different colours/text 
       button.show();
    }

}

我也这样做是为了可扩展性，这样当某人需要第四个按钮时，他们可以重新使用按钮类并更改文本或颜色？

<div class="buttons"></div>

制作此游戏的第一步只是在上述div中渲染3个按钮元素。 这是我的问题。 我怎样才能做到这一点，这是正确的方法吗？ 我想在香草JS中做到这一点

请帮助并提前致谢:-)