JSFiddle - React, Tailwind, and code Playground

HTML

<div class='row' id="divs">
  <div class="added_div">1 элемент</div>
</div>
<div class="row">
  <div>
       <button id="add_div">
         Добавить DIV
       </button>
   </div>
</div>

JavaScript

var add = document.querySelector('#add_div');
var parent_divs = document.querySelector('#divs');
var divs = '';
add.onclick = function(){
	event.preventDefault();
  divs = document.querySelectorAll('div.added_div');
  console.log(divs);
  let i = divs.length;
    if(i < 5){
      i++;
      //Формируем новый элемент DOM
      let newdiv = document.createElement("div");
      newdiv.setAttribute("class", "added_div" );
      newdiv.appendChild( document.createTextNode(i +" элемент") );
      
      //вставляем в дерево DOM
      parent_divs.appendChild(newdiv);
    } else {
    	alert("уже 5!");
    }
};