How to reverse the ordering of list items in an unordered list

Question

Let\'s say I have an unordered list, like this:

  
Bald Eagle
  
Falcon
  
Condor<         


        

Answer 1

You can also do this. It works as follows:

• Grab all the bird list items (the
• elements) and return them as a NodeList
• Convert the NodeList into an an array and reverse the array (since items in arrays can be reversed, but not items in NodeLists)
• Append each bird list item from the array into the original list container (the
  element)

  Code:

  const birdsContainer = document.getElementById("birds");
  const birdList = birds.getElementsByTagName("li");
  
  [].slice.call(birdList)
    .reverse()
    .forEach(bird => birdsContainer.appendChild(bird));