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