Как сделать фильтр динамических элементов на чистом js?

Question

[Stalk007]

Я нашел как сделать фильтр, но он работает только для элементов которые уже прописаны, а хотелось бы чтобы фильтровал и и созданные пользователем, не подскажите с помощью чего можно сделать?
Лучше такого кода не придумал https://codepen.io/stalk000/pen/KKgZMjJ
Поле для создание новых элементов в шторке, чтобы шторка появилась нужно подвести курсор к черной линии.

Answer 1

[Somewhere Intech]

сами статику создали
const box = document.querySelectorAll('.box');
для динамики нужно, по хорошему, добавлять в массив box созданные динамически элементы

const box = [...document.querySelectorAll('.box') ];
Application.whenUserAdd( item => box.push(item))

либо же в хэндлере события переопределять box каждый раз

document.querySelector('nav').addEventListener('click', event => {
      let box = document.querySelectorAll('.box');

Comments

[Stalk007]

Спасибо!