add logic for habbit done
This commit is contained in:
21
app.js
21
app.js
@@ -1,25 +1,42 @@
|
||||
// Что нам нужно для работы кнопки Отметить выполнение?
|
||||
// 1. Найти все кнопки отметить выполнение.
|
||||
// 2. На каждую кнопку повесить слушатель события клик(нажатие мышью)
|
||||
// 3. Внутри слушателя события выполнить логику выполнения привычки - вызвать функцию markHabitDone
|
||||
// 4. Перерисовать интерфейс
|
||||
|
||||
const HabitTrackerApp = {
|
||||
elements: {
|
||||
habitGrid: null,
|
||||
addHabitForm: null,
|
||||
addHabbitButton: null
|
||||
addHabbitButton: null,
|
||||
habbitDoneButtons: [],
|
||||
},
|
||||
|
||||
init: function() {
|
||||
this.loadElements();
|
||||
this.render();
|
||||
this.setupEventListeners();
|
||||
},
|
||||
|
||||
setupEventListeners: function() {
|
||||
this.elements.addHabbitButton.addEventListener('click', () => {
|
||||
this.elements.addHabitForm.style.display = 'block';
|
||||
//this.elements.addHabitForm.style.display = 'block';
|
||||
});
|
||||
this.elements.habbitDoneButtons.forEach(
|
||||
button => button.addEventListener('click',
|
||||
() => console.log('Привычка выполнена')
|
||||
)
|
||||
);
|
||||
// пройти циклом по habbitDoneButtons. На каждый элемент массива
|
||||
// добавить addEventListener по клику.
|
||||
// и в обработчике события вывести console.log
|
||||
},
|
||||
|
||||
loadElements: function() {
|
||||
this.elements.habitGrid = document.getElementById('habits-grid');
|
||||
this.elements.addHabitForm = document.getElementById('add-habit-form');
|
||||
this.elements.addHabbitButton = document.getElementById('add-habbit-button');
|
||||
this.elements.habbitDoneButtons = document.getElementsByClassName('button-primary');
|
||||
},
|
||||
|
||||
render: function() {
|
||||
|
||||
Reference in New Issue
Block a user