JSFiddle - React, Tailwind, and code Playground

HTML

<form>
    <a href="" class="a">Print</a>
    <div id="contents">

        <form></form>
        <div></div>
        <div></div>
    </div>
    <textarea id="y" cols="50" rows="10"></textarea>
    <textarea id="z" cols="50" rows="10"></textarea>
</form>

JavaScript

$("a.a").click(function(e) {
          e.preventDefault();
          $('#y').val($('#contents').html());
          $('#z').val($('#contents').clone().html());
      });