Count number of

by crduling

HTML

<div class="container"></div>

<div class='resulting-values'></div>

<button class="add-div">Add div</button>

CSS

.add-div {
			position: absolute;
			width: 10%;
			height: 5%;
			top: 0;
			right: 0;
		}
		.find {
			position: absolute;
			top: 5%;
			width: 10%;
			height: 5%;
			right: 0;
		}
    .container {
      display: inline-block;
    }
    
   .resulting-values {
     position: absolute;
     left: 10%;
     display: inline-block;
   }

JavaScript

var count = 0;

$(".add-div").click(function() {

	let append = "<div>value <input type='hidden' value='"+count+"' </div>";
  
  count++;
  
  $(append).appendTo(".container");
  
  var divs = $(".container").find("div");
  
  $(".resulting-values").append(div.length + "<br>");
  
});