Не работает вывод данных с API RandomUser

Нужно выводить рандомно данные с сайта https://randomuser.me/ , но что-то пошло не так, на ютубе смотрел как это делают, но у меня ругается консоль

<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);
    });