function ready(cb) {
  document.addEventListener("DOMContentLoaded", cb);
}

const linkList = [
  {
    url: "index.html",
    text: "Home"
  },
  {
    url: "https://www.twitter.com/rodasdev",
    text: "Twitter"
  },
  {
    url: "https://www.linkedin.com/in/guillermorodas",
    text: "LinkedIn"
  },
  {
    url: "https://github.com/glrodasz",
    text: "GitHub"
  }
];

function createLink({ text, url }) {
  // Creamos un elemento tipo link
  const linkElement = document.createElement("a");
  // Creamos un nodo de texto
  const textNode = document.createTextNode(text);

  // Agregamos el texto al link
  linkElement.appendChild(textNode);
  // Especificamos la url del link
  linkElement.href = url;
  // Especificamos el target
  linkElement.target = "_blank";

  return linkElement;
}

function createListItem(linkElement) {
  // Creamos un elemento tipo item de lista
  const listItemElement = document.createElement("li");

  // Agregamos nuestro link a nuestro item de lista
  listItemElement.appendChild(linkElement);

  return listItemElement;
}

function createList() {
  // Creamos una elemento tipo lista no-ordenada
  const unorderedList = document.createElement("ul");

  // Iteramos nuestra lista de links
  linkList.forEach((link) => {
    // Creamos un elemento tipo link
    const linkElement = createLink(link);
    // Creamos un elemento tipo item de lista
    const listItemElement = createListItem(linkElement);
    // Agregamos nuestro item de lista a la lista no-ordenada
    unorderedList.appendChild(listItemElement);
  });

  return unorderedList;
}

function renderFooter() {
  // Creamos la lista no-ordenada
  const list = createList();
  // Seleccionamos el footer
  const footer = document.querySelector("footer");
  // Agregamos nuestra lista no-ordenada al footer
  footer.appendChild(list);
}

// Cuando nuestro contenido este listo pintamos el footer
ready(renderFooter);