JSFiddle - React, Tailwind, and code Playground

by Kevin Faulhaber

HTML

<ul class="structure">
    <li>1</li>
    <li>2</li>
    <li>3</li>
</ul>
<button id="exportBtn">Export</button>
<textarea id="exportTxt"></textarea>

CSS

#exportTxt {
    display: block;
    width: 200px;
    height: 200px;
}

JavaScript

$( "#exportBtn" ).on('click', function() {
      $('.structure li').each(function(){
          var txt = $('#exportTxt').text();
          $('#exportTxt').empty();
          $('#exportTxt').text(txt + ' ' + $(this).text());
          $(this).remove();
      });
  });