Как записать в html файл код скопированного div?

Как записать код копии div в html файл? С помощью этого кода делаю копию div, но скопирован div выводится только на экран и не записывается в файл html.

<input type='text' name='name' placeholder='название товара' value='' />
    <input type='submit' onclick="copyDiv()"/>
    <div class="card">
      <img class="card-image" src="https://dummyimage.com/20x20/ffffff/ffffff.jpg">
      <div class="info">
        <span>Тэн 18Мм 1750Вт Kawai</span>
        <p>уточнить цену</p>
        <button>05478987488</button>
      </div>
    </div>
     <script >
    function copyDiv() {
      var src = document.querySelector(".card");
      var dst = document.createElement("div");
      dst.className = "card";
      dst.innerHTML = src.innerHTML;
      dst.querySelector("span").textContent = document.querySelector("input[type=text]").value;
      src.parentNode.appendChild(dst);
    }
     </script>