Как добавить кнопку в интерфейс?

Question

Максимально зеленый вопрос. Есть несколько кнопок

Я хочу добавить ещё одну, допустим копию первой. В HTML коде страницы всё понятно, просто копирую, и вставляю.

Но как это сделать на javascript, не имея JS кода этих кнопок? Речь даже не про функционал, а просто, как на JS создать кнопку, и "воткнуть" в это место?

Answer 1

После того, как нажмете "Выполнить код", кнопка появится через 2сек.

let container = document.querySelector('#container');

function createButton() {
  let button = document.createElement('button');
  button.type = 'button';
  button.classList.add('styleClass');
  button.id = 'buttonId';
  button.textContent = 'Привет, это кнопка!';

  container.append(button);

  console.log('>>', button);
}

setTimeout(createButton, 2000);

<div id="container"></div>

БЛОГ НА HUSL

Как добавить кнопку в интерфейс?

Ответы (1 шт):