1.js

// 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;