Untitled

<!DOCTYPE html>
<html>
  <head>
    <title>Занятие 4: Список друзей</title>
  </head>

  <body>
      <script>

        function makeFriendsList(arr) {
          // создаем тег ul
          let ul = document.createElement('ul');
          // пробегаем по каждому элементу массива arr и вставляем внутрь тега ul  тег li с ${item.firstName} ${item.lastName}
          let res = arr.forEach(item => {
              ul.insertAdjacentHTML("beforeend",
                `<li class="List"> ${item.firstName} ${item.lastName}</li>`)
            }
          );
          return res
        }
// массив друзей для вставки в тег li
      let friends = [
        {
          firstName: 'Artsiom',
          lastName: 'Mezin'
        },
        {
          firstName: 'Ilia',
          lastName: 'Kantor'
        },
        {
          firstName: 'Christopher',
          lastName: 'Michael'
        }
      ];

        makeFriendsList(friends);

    </script>

  </body>
</html>