Skip to content

Instantly share code, notes, and snippets.

@skad0
Created April 19, 2018 16:57
Show Gist options
  • Save skad0/621d12f56a175e23e710b409deda905c to your computer and use it in GitHub Desktop.
Save skad0/621d12f56a175e23e710b409deda905c to your computer and use it in GitHub Desktop.
// greeting.js
function Greeting() {
const greet = getElementFromTemplate(greetingTemplate);
const nextTemplate = greet.querySelector(`.greeting__continue`);
nextTemplate.addEventListener(`click`, () => {
renderNewTemplate(rules);
}, {once: true});
return greet;
}
export default Greeting;
// intro.js
function Intro() {
const intro = getElementFromTemplate(introTemplate);
const startGame = intro.querySelector(`.intro__asterisk`);
startGame.addEventListener(`click`, () => {
renderNewTemplate(greeting);
}, {once: true});
return intro;
}
export default Intro;
// come-back.js
// тут ничего не поменяется, кроме вызова, тебе нужно будет вызывать возвращаемую функцию:
input.addEventListener(`click`, () => {
renderNewTemplate(greeting());
});
// или ты даже можешь унести вызов на уровень render-template.js
// это будет даже красивее.
// В таком случае ты воспринимаешь то что возвращается в каждом модуле как некий класс элемента
// вызов такой функции будет уже этот элемент создавать.
const mainBlock = document.querySelector(`.central`);
const renderNewTemplate = (template) => {
while (mainBlock.firstChild) {
mainBlock.removeChild(mainBlock.firstChild);
}
mainBlock.appendChild(template());
};
export default renderNewTemplate;
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment