JSFiddle - React, Tailwind, and code Playground

HTML

<!-- THIS WILL WORK -->
<div id="wrapper"></div>

CSS

#wrapper{
    border: 1px solid green;       
}

li{
    list-style-type: none;
}

JavaScript

// THIS WILL NOT WORK
//var container = document.createElement('div');
//container.id = "wrapper";

    
var html = '<div><ul>';

for(var i=1; i<=40; i++){
    html+= "<li>Testing: "+i+"</li>";
}

html+= '</ul></div>';

$('#wrapper').append(html);