Как я могу получить div после его появления?

Question

Как я могу получить add__deal__btn и что-то с ним сделать? Когда страница загружается, она не существует, и я не могу ее получить, но после добавления, как я могу ее получить?

let addTitle = document.querySelector('.add__title');
let addBtn = document.querySelector('.add__btn');
let tasks = document.querySelector('.tasks');
let addDealBtn = [];

addBtn.onclick = function() {
  let task = document.createElement('div');
  task.className = 'task__card';
  let taskTitle = document.createElement("h4");
  taskTitle.innerHTML = addTitle.value
  task.appendChild(taskTitle)
  addDealBtn = document.createElement("button");
  addDealBtn.className = "add__deal__btn";
  addDealBtn.innerHTML = "Add deal";
  task.appendChild(addDealBtn);
  tasks.append(task);
}

<div class="add">
  <input type="text" class="add__title">
  <br>
  <button class="add__btn">Add</button>
</div>

<div class="tasks"></div>

Спасибо

Answer 1

После нажатия .add__btn:

let addBtn = document.querySelector('.add__btn');
addBtn.click(); // <= A computational click standing in for a user click

вы можете получить add__deal__btn, используя:

const addDealBtn = document.getElementsByClassName('add__deal__btn')[0];

Answer 2

Используйте document.getElementsByClassName для выбора элементов на странице, к которым применен данный класс. Это возвращает массив. Затем получите первый элемент в массиве (или любой другой), используя скобки:

document.getElementsByClassName("add__btn")[0]