создайте класс кнопок Javascript, который создает элементы - PullRequest
Новая
       18

создайте класс кнопок Javascript, который создает элементы

0 голосов
/ 11 мая 2019

Я хочу создать браузерную игру, в которой будет несколько кнопок. Я также начинаю изучать инкапсуляцию, создав класс, который при вызове с методом 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>

Первый шаг в построении этой игры - просто отобразить 3 элемента кнопки в приведенном выше div. Это мой вопрос. Как я могу добиться этого и это правильный путь? и я хочу сделать это в ванили JS

Пожалуйста, помогите и спасибо заранее: -)

...