fix with remove setTimeout
This commit is contained in:
16
app.js
16
app.js
@@ -15,6 +15,7 @@ const HabitTrackerApp = {
|
|||||||
init: function() {
|
init: function() {
|
||||||
this.loadElements();
|
this.loadElements();
|
||||||
this.render();
|
this.render();
|
||||||
|
this.loadDynamicElements();
|
||||||
this.setupEventListeners();
|
this.setupEventListeners();
|
||||||
},
|
},
|
||||||
|
|
||||||
@@ -23,13 +24,7 @@ const HabitTrackerApp = {
|
|||||||
//this.elements.addHabitForm.style.display = 'block';
|
//this.elements.addHabitForm.style.display = 'block';
|
||||||
});
|
});
|
||||||
|
|
||||||
// 2 вариант
|
this.elements.habbitDoneButtons.forEach(
|
||||||
const timerId = setInterval(() => {
|
|
||||||
if (this.elements.habbitDoneButtons.length == 0) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
this.elements.habbitDoneButtons.forEach(
|
|
||||||
button => {
|
button => {
|
||||||
return button.addEventListener('click', (event) => {
|
return button.addEventListener('click', (event) => {
|
||||||
const cardId = event.target.closest('.habit-card').dataset.habitId;
|
const cardId = event.target.closest('.habit-card').dataset.habitId;
|
||||||
@@ -40,9 +35,6 @@ const HabitTrackerApp = {
|
|||||||
});
|
});
|
||||||
}
|
}
|
||||||
);
|
);
|
||||||
}, 1000);
|
|
||||||
|
|
||||||
setTimeout(() => clearInterval(timerId), 3000);
|
|
||||||
|
|
||||||
// пройти циклом по habbitDoneButtons. На каждый элемент массива
|
// пройти циклом по habbitDoneButtons. На каждый элемент массива
|
||||||
// добавить addEventListener по клику.
|
// добавить addEventListener по клику.
|
||||||
@@ -59,6 +51,10 @@ const HabitTrackerApp = {
|
|||||||
|
|
||||||
},
|
},
|
||||||
|
|
||||||
|
loadDynamicElements: function() {
|
||||||
|
this.elements.habbitDoneButtons = document.querySelectorAll('.button--primary');
|
||||||
|
},
|
||||||
|
|
||||||
render: function() {
|
render: function() {
|
||||||
const habitsHTML = HabitManager.habits.map(habit => {
|
const habitsHTML = HabitManager.habits.map(habit => {
|
||||||
const cardClass = `habit-card ${habit.isCompleted ? 'habit-card--completed' : ''}`;
|
const cardClass = `habit-card ${habit.isCompleted ? 'habit-card--completed' : ''}`;
|
||||||
|
|||||||
Reference in New Issue
Block a user