Как удалить блок созданный в js?

в HTML есть блок <div id="containertt" style="width: 700px; height: 500px" class="container_wrp"> . Из первой функции, он удаляется.

let containerWRP = document.querySelector(".container_wrp");

jccBtnJap.addEventListener('click', function() {
    //удалям блок и создаем по новому и добавляем новый
    containerWRP.remove();
    let jccDiv = document.createElement('div');
    jccDiv.style.width = '700px';
    jccDiv.style.height = '500px';
    jccDiv.id = 'jap_container';
    jccDiv.classList.add('container_wrp');
    wrpBlock.appendChild(jccDiv);
    
  }

А вот со второй функции, когда я блок создаю уже динамически - он не удаляется, а просто создается рядом новый. Почему? Вторая функция -

jccBars.addEventListener("click", function () {
    //удалям блок и создаем по новому и добавляем новый
    containerWRP.remove();
    let jccDiv = document.createElement('div');
    jccDiv.style.width = '700px';
    jccDiv.style.height = '500px';
    jccDiv.id = 'stick_container';
    jccDiv.classList.add('container_wrp');
    wrpBlock.appendChild(jccDiv);
  }