Ejemplo de mostrar un usuario aleatorio

   <h1 id="name"></h1>
   <h2 id="email"></h2>
   <img src="" id="foto"/>
    <script src="js/usuariorandom.js" ></script>
fetch("https://randomuser.me/api")
    .then(response => response.json())
    .then(resultado => {
        // Aqui 'resultado' tiene ya el  json convertido a variable, la podemos usar
        console.log(resultado);
        // Llamo a una función con el usuario devuelto
        pintaUsuario(resultado.results[0]);
    })

    
function pintaUsuario(usuario) {
    let nombre=document.getElementById("name");
    let email=document.getElementById("email");
    let foto=document.getElementById("foto");
    
    nombre.innerHTML=Object.values(usuario.name).join(" ");
    email.innerHTML=usuario.email;
    foto.src=usuario.picture.large;
}

Publicado por

Avatar del usuario

Juan Pablo Fuentes

Formador de programación y bases de datos