JSFiddle - React, Tailwind, and code Playground

HTML

<div class="text">Какой-то текст</div>
<div id="some_id"></div>
<span class="" id="addNew">Добавить элемент</span>

CSS

.text {
  background-color: green;
  display: inline-block;
 }

#addNew {
  margin-top: 20px;
  display: inline-block;
  cursor: pointer;
  border: 1px solid black;
}

.added {
  color: green;
}

#delete_me {
   color: red;
   cursor: pointer;
}

JavaScript

$('#addNew').click(function() {
  var element = document.getElementById('some_id');
  var div = document.createElement('div');
  
  div.innerHTML = '<span class="added">Я новый элемент</span><span id="delete_me">Удалить</span>';
  element.appendChild(div);
  	
  $('#delete_me').click(function() {
  	div.parentNode.removeChild(div);
  });
   
  
   
});