JS Leer API JSON 2

a.js

document.querySelector('#boton').addEventListener('click', function(){
    traer()
});

function traer(){
    fetch('https://randomuser.me/api')
    .then( res => res.json())
    .then( data => {
        console.log(data.results['0'])
        contenido.innerHTML = `
        <img src="${data.results['0'].picture.large}" width="200px" class="img-fluid rounded-circle">
        <br><br>
        <b>Name: </b> ${data.results['0'].name.title} ${data.results['0'].name.first} ${data.results['0'].name.last}<br>
        <b>Gender: </b> ${data.results['0'].gender}<br>
        `
    })
}