JSFiddle - React, Tailwind, and code Playground

HTML

<input type="submit" id="newLayer" value="New Layer">
        
        <div id="layersContainer" class="layerscontainer">
        <div class="layer" id="layer1">fadfa</div>
    <div class="layer" id="layer2">2</div>            
        </div>

CSS

.layerscontainer{
		width:100%;
		height: 270px;
		background-color:#C96
		
	}
	
	.layer{
	width:100%;
	height:auto;
	background-color:#0F9;
	margin-top: 5px;
	}

JavaScript

var newLayerCounter = 2;
var layerID = "";
var layersArray = new Array();
var clickedElement = "";


function selectLayer(){
	
	  $(clickedElement).css({"background-color":"yellow"});
	
	}

$('#layersContainer div').on("click", function(){

	clickedElement = $(this).attr("id");
    alert(clickedElement);
     selectLayer();
 
});

$('#newLayer').on("click", function(){
   						  
	 newLayerCounter = newLayerCounter + 1;
    layerID = "#layer"+ newLayerCounter;
	
	$('<div/>', {
    id: "layer"+ newLayerCounter,
	class: "layer"
   
}).appendTo('#layersContainer');
    
    $(layerID).text('hey');
    
   
    
    
})