JSFiddle - React, Tailwind, and code Playground

HTML

<div id="main">
    home
    
</div>

CSS

.dot{width:1px; height:1px; background-color: black; position:fixed; }

JavaScript

$(function(){    
    for (i=0; i<400; i++){
        //alert('aa');   
        var el = $('<div class="dot"></div>'); 
        var x = Math.sin(i) * 100;
        var y = i + 200;
        el.css({ 'left' : x+'px' , 'top':y+ 'px'});
        $('#main').after(el); 
        //$('#main').after('<p>'+ l +'</p>');
    } 
});