JSFiddle - React, Tailwind, and code Playground

HTML

<div id="divMain"  style="width: 100%; height: 100%; margin:0px; padding:0px;"> 
</div> 


<div id="controls" style="width:100%; height:100px; background:#03F;">

<button id="add_sprite_1" class="add_sprite">Add Sprite</button>

</div>

CSS

.sprite_container{
	width:10%; height:10%; position:absolute; top:0px; left:0px;
}

.sprite{
	width:100%; height:100%; background-color:#F00; position:absolute; top:0px; left:0px;
}

.sprite_animationA{
width:400px;
height:10px;
}


.pulse{
	background-color: #CF6;
}

.star{
	background-color: #3F9;
}

.square{
	background-color: #306;
}

JavaScript

////////////////////////////////////////////////////////////////////////////////////////////////////////ADD A SPRITE
	var spriteId = 1;
	$(".add_sprite").click(function() {
  		$("<div />", { "class":"sprite_container", id:"sprite_container"+spriteId })
		.append($("<div />", { "class":"sprite" , id:"sprite"+spriteId }))
     	.appendTo("#divMain");
  		spriteId++;
	});
	
	////////////////////////////////////////////////////////////////////////////////////////////////////////ADD SPRITE CONTROLS
	var controlsId = 1;
	$(".add_sprite").click(function() {
  		$("<form />", { "class":"sprite_controls", id:"sprite_controls"+controlsId })
		
		//Sprite Name
		.append($("<input />", {"class":"sprite_name", type: "text", value: "Name It", id:"name"+controlsId }))
     	
		//Sprite Animation A
		.append($("<select/>", { "class":"sprite_animationA", id:"animationA"+controlsId })
			.append($("<option />", { value:"Animate It"})
				.append("Animate It")
			)
			.append($("<option />", { value:"Pulse"})
				.append("Pulse")
			)
			.append($("<option />", { value:"Star"})
				.append("Star")
			)
			.append($("<option />", { value:"Square"})
				.append("Square")
			)
		)
     	.append($("<button/>", { "class":"run_it", id:"run_it"+controlsId })
			.append("Run It")	
		)
		.appendTo("#controls");
  		controlsId++;
	});

	////////////////////////////////////////////////////////////////////////////////////////////////////////APPLY ANIMATIONS TO SPRITE 1
	//$('#sprite_controls1').submit(applyAnimA1);
	//$('#run_it1').off().click(function() {$('#sprite_controls1').submit();});
	//	function applyAnimA1() {
	$('#run_it1').click(function (e) {
			var animA1 = $('#animationA1');
			e.preventDefault();
			if (animA1.val() == 'Pulse'){
		
				$("#sprite_container1").addClass("pulse");

		
			}
			else if (animA1.val() == 'Star'){
		
				$("#sprite_container1").addClass("star");
		
			}
			else if (animA1.val() ==...