JSFiddle - React, Tailwind, and code Playground

by Sergei Sokolov

HTML

<button class="btn"><span>кнопка</span></button>

CSS

button.btn {
  margin: 2px;
}

JavaScript

/**
 * для вопроса https://qna.habr.com/q/1060852
 * Как скопировать єлемент?
 */
document.addEventListener("click", (e) => {
  const btn = e.target.closest("button.btn");
  if (!btn) return;
  const copy = btn.cloneNode(true);
  btn.insertAdjacentElement("afterend", copy);
  
  // поправить нумерацию
  document.querySelectorAll("button.btn")
    .forEach((el, i) => {
      el.querySelector("span").textContent = `кнопка ${i ? i + 1 : ''}`;
    })
});