В MVC как соединить событие через View и добавление в Module? Добрый день
Собственно весь вопрос в заголовке, у меня есть кнопка написана через HTML, есть View и есть Module с пустым массивом, как через Controller я по клику могу добавить что либо в массив модуля, допустим вот моя View, которая возвращает число:export class View
addItem()
let plus = document.querySelector('.plus')
plus.addEventListener('click', () =>
let num = document.querySelector('.count').innerHTML
return num
}
Вот мой Модуль с функцией addNum, которая собственно и должна добавлять число в массив:export class Module
constructor()
this.num = []
addNum(num)
this.num.push(num)
А вот Controller:class Controller
constructor(view, module)
this.view = view
this.module = module
getNum()
this.cart.addNum(this.view.addItem())
Проблема в том, что когда я вызываю функцию контроллера getNum, она срабатывает моментально, как мне дождаться какого либо события
Надеюсь все ясно объяснил, спасибо!
В MVC как соединить событие через View и добавление в Module? Добрый день
Собственно весь вопрос в заголовке, у меня есть кнопка написана через HTML, есть View и есть Module с пустым массивом, как через Controller я по клику могу добавить что либо в массив модуля, допустим вот моя View, которая возвращает число:export class View
addItem()
let plus = document.querySelector('.plus')
plus.addEventListener('click', () =>
let num = document.querySelector('.count').innerHTML
return num
}
Вот мой Модуль с функцией addNum, которая собственно и должна добавлять число в массив:export class Module
constructor()
this.num = []
addNum(num)
this.num.push(num)
А вот Controller:class Controller
constructor(view, module)
this.view = view
this.module = module
getNum()
this.cart.addNum(this.view.addItem())
Проблема в том, что когда я вызываю функцию контроллера getNum, она срабатывает моментально, как мне дождаться какого либо события
Надеюсь все ясно объяснил, спасибо!
Собственно весь вопрос в заголовке, у меня есть кнопка написана через HTML, есть View и есть Module с пустым массивом, как через Controller я по клику могу добавить что либо в массив модуля, допустим вот моя View, которая возвращает число:export class View
addItem()
let plus = document.querySelector('.plus')
plus.addEventListener('click', () =>
let num = document.querySelector('.count').innerHTML
return num
}
Вот мой Модуль с функцией addNum, которая собственно и должна добавлять число в массив:export class Module
constructor()
this.num = []
addNum(num)
this.num.push(num)
А вот Controller:class Controller
constructor(view, module)
this.view = view
this.module = module
getNum()
this.cart.addNum(this.view.addItem())
Проблема в том, что когда я вызываю функцию контроллера getNum, она срабатывает моментально, как мне дождаться какого либо события
Надеюсь все ясно объяснил, спасибо!
Не можешь разобраться в этой теме?
Обратись за помощью к экспертам
Гарантированные бесплатные доработки
Быстрое выполнение от 2 часов
Проверка работы на плагиат
Интересные статьи из справочника
Поможем написать учебную работу
Отвечай на вопросы, зарабатывай баллы и трать их на призы.
Подробнее
Подробнее
Для того чтобы дождаться какого-либо события, вы можете использовать промисы или колбэки. В вашем случае, можно передать функцию обратного вызова в метод addItem() и вызвать эту функцию при событии 'click'.
Ниже пример, как вы можете изменить ваш код:
View:class View
addItem(callback)
let plus = document.querySelector('.plus')
plus.addEventListener('click', () =>
let num = document.querySelector('.count').innerHTML
callback(num)
})
}
Controller:class Controller
getNum(num)constructor(view, module)
this.view = view
this.module = module
this.view.addItem(this.getNum.bind(this))
}
this.module.addNum(num)
}
}
Теперь при клике на кнопку с классом 'plus', будет вызываться метод getNum() контроллера, который добавит число в массив модуля.