JSFiddle - React, Tailwind, and code Playground

HTML

<div class="box"></div>
   <a href="#" id="newbox">Add Box</a>

CSS

.box{
  background-color: red;
  width: 50px;
  height: 50px;
  border: 1px solid black;    
}

JavaScript

var drag = {
    init: function(){
        drag.addBox();
        drag.setupDrag();
    },
    setupDrag: function(){
        $(".box").draggable();
    },
    addBox: function(){
        $("#newbox").on('click', function(){
            $("body").append('<div class="box"></div>');
            //UNCOMMENT LINE BELOW
            //drag.setupDrag();  
        });
    }
}
drag.init();