Объясните, пожалуйста, логику работы кода

function showHelp(help) {
  document.getElementById('help').innerHTML = help;
}
 
function makeHelpCallback(help) {
  return function() {
    showHelp(help);
  };
}
 
function setupHelp() {
  var helpText = [
      {'id': 'email', 'help': 'Ваш адрес e-mail'},
      {'id': 'name', 'help': 'Ваше полное имя'},
      {'id': 'age', 'help': 'Ваш возраст (Вам должно быть больше 16)'}
    ];
 
  for (var i = 0; i < helpText.length; i++) {
    var item = helpText[i];
    document.getElementById(item.id).onfocus = makeHelpCallback(item.help);
  }
}
 
setupHelp();

function setupHelp() {
  var helpText = [
      {'id': 'email', 'help': 'Ваш адрес e-mail'},
      {'id': 'name', 'help': 'Ваше полное имя'},
      {'id': 'age', 'help': 'Ваш возраст (Вам должно быть больше 16)'}
    ];
 
  var item = helpText[0];
  document.getElementById(item.id).onfocus = function() { // Элемент с id="email"
    showHelp(item.help); // showHelp('Ваш адрес e-mail');
  };
 
  var item = helpText[1];
  document.getElementById(item.id).onfocus = function() { // Элемент с id="name"
    showHelp(item.help); // showHelp('Ваше полное имя');
  };
 
  var item = helpText[2];
  document.getElementById(item.id).onfocus = function() { // Элемент с id="age"
    showHelp(item.help); // showHelp('Ваш возраст (Вам должно быть больше 16)');
  };
}

document.getElementById(item.id).onfocus = makeHelpCallback(item.help);

document.getElementById(item.id).onfocus = makeHelpCallback;