Как удалить/скрыть html объект?

Question

[kidwen]

Есть код, который добавляет по 1 блоку и таких допустим максимум 10 (все они схожи) + к этим блокам добавляется кнопка (обрабатывает form). И вот как удалить/скрыть эту кнопку при удалении последнего блока из группы 10 блоков?

Пытаюсь привязаться к счетчику (в котором numb++ при добавлении нового блока и numb-- при удалении блока) группы из 10-ти блоков

Вот код добавления и попытки скрытия кнопки

if (numb > 0) {
    if (numb_button < 1) {
      numb_button++;
      let div_button = document.createElement("div");
      let html_button = (`
          <button type="submit">кнопка</button>
            `);
      div_button.setAttribute("class", "content_footer");
      div_button.innerHTML = html_button;
      $('.content_mid').append(div_button);
      document.querySelector(".content_footer").style.display = 'block';
    }
  }  else if (numb == 0) {
    document.querySelector(".content_footer").style.display = 'none';
  }

Comments

[Ярослав Иванов]

Выберите что-то одно.

let div_button = document.createElement("div");
let html_button = (`
    <button type="submit">кнопка</button>
`);

$('.content_mid').append(div_button);
document.querySelector(".content_footer").style.display = 'block';