Javascript перезагружает addEventListner при создании динамических кнопок

Я создаю проект, в котором на форме есть несколько кнопок камеры. Пример: один для фотографирования окружающей среды, а другой для фотографирования пользователей и т. д. Я использую ванильный javascript. Это адаптивный сайт с html и css.

Когда пользователь захвата данных нажимает кнопку камеры, я использую

input accept='image/*' onclick=\"assignVar('inp_img6','file-upload6')\" capture='camera'

Затем я использую значения для изменения размера изображений и создаю значения base64 для обновления скрытых полей ввода для отправки при загрузке пользователем.

Так что со статическими кнопками это прекрасно работает. Моя проблема возникает, когда я хочу создавать кнопки динамически или с +, чтобы пользователь мог добавлять больше фотографий.

Я использую addEventListner, чтобы увидеть, изменился ли ввод файла, а затем запускаю свою функцию, чтобы изменить размер фотографий и добавить base64 к скрытому вводу.

Когда я затем создаю кнопку +, чтобы добавить дополнительные поля, addEventListner не работает.

Любые идеи или предложения о том, как обойти проблему? Я новичок в javascript и безуспешно пытался искать.