javascript консольный журнал показывает парные значения - PullRequest
Новая
       110

javascript консольный журнал показывает парные значения

0 голосов
/ 08 мая 2020

Я учусь Javascript. Я создаю простое бюджетное приложение, и у меня возникла проблема. Я передам только необходимый код, чтобы мне помочь. Итак, конструктор больше, но я передаю только необходимые вещи: 

class BudgetApp {
        constructor() {
          this.expenseListForm = document.querySelector("#expense-list");
        }

        deleteItemFromExpensesList(event) {
            Array.from(event.currentTarget.querySelectorAll(".delete-icon")).forEach((element) => {
                element.addEventListener("click", (e) => {
                    console.log(e.currentTarget);

                })

            })
        }
    }

eventListeners = () => {
    const budgetApp = new BudgetApp();

    budgetApp.expenseListForm.addEventListener("click", (event) => {
        event.preventDefault();
        budgetApp.deleteItemFromExpensesList(event);
    })


}


document.addEventListener('DOMContentLoaded', () => {  
    eventListeners();
});

Когда я нажимаю ".delete-icon", который является <a> тегом, мой console.log ничего не показывает, когда я нажимаю второй раз, то console.log показывает именно то, что я хочу, когда я нажимаю третий раз, console_log показывает этот тег <a> два раза и так далее. Я хочу получить результат, когда я нажимаю один раз, console_log показывает мне мой тег <a> ровно один раз.

Что мне следует улучшить в моем коде? Спасибо, ребята.

...