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中做到这一点

请事先帮助和感谢：-）

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

0 个答案: