как сделать input в js

Для создания элемента input в JavaScript вы можете использовать метод createElement() для создания элемента и метод setAttribute() для установки атрибутов элемента. Вот пример создания элемента input:

// Создаем элемент input
const inputElement = document.createElement('input');

// Устанавливаем атрибуты элемента (например, тип, placeholder и т.д.)
inputElement.setAttribute('type', 'text');
inputElement.setAttribute('placeholder', 'Введите текст...');

// Добавляем элемент на страницу
document.body.appendChild(inputElement); // Добавление в тело документа
// Или:
const container = document.getElementById('container');
container.appendChild(inputElement); // Добавление в определенный контейнер на странице

Этот код создаст элемент input с типом text и атрибутом placeholder, который будет содержать текст "Введите текст...". Затем этот элемент будет добавлен на страницу в тело документа или в любой другой контейнер по вашему выбору

Для создания input с помощью JavaScript можно использовать метод createElement для создания элемента input, а затем добавить его в DOM.

Пример создания input с типом "text":

const input = document.createElement('input');
input.type = 'text';
document.body.append(input);

В этом примере мы создали элемент input, задали ему тип "text" и добавили его на страницу с помощью метода append.

Можем задавать и другие атрибуты для элемента input, такие как name, value, placeholder и т.д. Например, чтобы добавить атрибут name:

const input = document.createElement('input');
input.type = 'text';
input.name = 'myInput';
document.body.append(input);

Как и для других элементов DOM-дерева, для данного input мы можем добавить обработчик события:

const input = document.createElement('input');
input.type = 'text';
input.addEventListener('input', (event) => {
  console.log(event.target.value);
});
document.body.append(input);