JSFiddle - React, Tailwind, and code Playground

HTML

<script type='text/html' id='repeater'>
    <div id="div1"></div>
    <hr id="line1" color="#0f0" size="2" width="50px">
    <div id="div2" ></div><br>
    <hr id="line2" color="#0f0" size="2" width="50px" style="display:none;" >
    <div id="div3" ></div><br>
    <hr id="line3" color="#0f0" size="2" width="3.5%" style="display:none;" >
    <div id="div4" ></div><br>
    <hr id="line4" color="#0f0" size="2" width="3.5%" style="display:none;" >
    <div id="div5" ></div><br>
    <hr id="line5" color="#0f0" size="2" width="3.5%" style="display:none;">
</script>
<div id="core"></div>

JavaScript

for (var i = 0; i < 10; ++i)
{
    $("#core").append($('#repeater').html());
}