Как с помощью классов создать html-элемент и вставить на страницу?

Question

[Black_Fire]

Например, нужно создать input разного типа (email, password, text) и вставить на страницу. Я так понимаю один метод на определенный тип нужно делать. Что в конструктор писать?

class Input {
  constructor() {
    ///
  }
  createPassInput() {
    //
  }
createEmailInput() {
    //
  }
createTextInput() {
    //
  }
}

let inputpass = new Input("input");
inputpass.createPassInput()

Answer 1

[Gary_Ihar]

Может так вы хотели

Comments

[Black_Fire]

Да, подходит) спасибо

Answer 2

[Анатолий Куликов]

Вам нужно определиться, как создаваемый объект будет добавляться на странице - этот класс его будет вставлять или просто отдавать объект для вставки.

Для создания простого объекта, имхо, отдельный класс слишком. Как метод внутри другого, бо́льшего класса, да.

В любом случае это проще сделать через document.createElement, для него указать все нужные параметры.