tutorial
https://www.youtube.com/watch?v=xe-O1jhnVxk

02 Mapping array to <li>

Now let's build an array dynamically...

Let's say you have an array of animals:

const animals = [ 'Horse', 'Turtle', 'Elephant', 'Monkey' ];

📝 Instructions:

1. Update the code's .map function to create a new array of <li>'s that each of them corresponds one animal from the original array, the resulting array should be something like this:

const animalsInHTML = [
  <li>Horse</li>,
  <li>Turtle</li>,
  <li>Elephant</li>,
  <li>Monkey</li>
];

And include them all together inside the website.

Expected result:

Your website should look like this:

💡 Hint:

• You can use the second parameter of the map function as a key to uniquely identify each html item.