Data output does not work with the RandomUser API

It is necessary to output randomly the data from the site https://randomuser.me/ , but something went wrong, on YouTube it looked like they are doing it, but my console swears

<h1>Random users</h1> <ul id="users"></ul> 

 function createUser(element) { return document.createElement(element); } function append(parent, element) { return document.appendChild(element); } fetch('https://randomuser.me/api/?results=6') .then( (resp) => resp.json() ) .then(function (data) { let users = data.results; return users.map(function (user) { let li = createUser('li'), img = createUser('img'), span = createUser('span'); img.src = user.picture.medium; span.textContent = `${user.name.first} ${user.name.last}`; append(li, img); append(li, span); append(document.getElementById('users'), li); }) }) .catch(function (error) { console.log(error); });