JSFiddle - React, Tailwind, and code Playground

HTML

<div class="box">

    <!--view source! NOTHING'S HERE!-->
    
</div>

<textarea id="whats_in_dom"></textarea>

CSS

.box { 
    margin: 0px auto;
    width: 50%;
    border: 1px solid black; 
    padding: 25px; 
}

textarea { 
    margin-bottom: 30px; 
    text-align: left; 
    width: 100%;
    height: 300px;
}

JavaScript

$('div.box').append('<b>textbox</b>: <input type="text" value="" />');
$('div.box').append('<b>textbox</b>: <input type="text" value="" />');
$('div.box').append('<b>textbox</b>: <input type="text" value="" />');
$('div.box').append('<b>textbox</b>: <input type="text" value="" />');
$('div.box').append('<b>textbox</b>: <input type="text" value="" />');


$('textarea').text($('div.box').html());