JSFiddle - React, Tailwind, and code Playground

HTML

<div class="links">Всего <span></span> ссылок</div>

<ul>
  <li><a class="clk" href="#">ссылка</a></li>
  <li><a class="clk" href="#">ссылка</a></li>
  <li><a class="clk" href="#">ссылка</a></li>
  <li><a class="clk" href="#">ссылка</a></li>
</ul>

<button>вставить</button>

JavaScript

$( document ).ready(function() {
// кнопка button добавляет новую ссылку по шаблону
	$('button').click(function(){
	$('ul').append('<li><a class="clk" href="#">ссылка</a></li>');
	});

	$('a').click(function(){
  
    var col = $("ul").children("li").length;
    
    $('span').html(col);// выводит кол-во li элеменотов
    
    if(col>0){  
    $(this).parent().remove(); } // пока есть ссылки, удаляем
    
    else {
    $('.links').html("Закончились"); } // когда нет ссылок..
    
    return false;
	});
  
});