function addUserDataToDom(data) { const li = document.createElement('li') const userList = document.getElementById('user-list') const userName = data.items[0].login const id = data.items[0].id const avatarUrl = data.items[0].avatar_url li.innerHTML = userName }¿Tengo que agregar mi id y avatarUrl a <li> y agregarlos a la página? Gracias
Puede agregar cualquier elemento a otro con .appendChild(childElement) . Entonces, si desea agregar el "li" al cuerpo de su documento, puede hacer esto:
document.body.appendChild( li )Entonces, para lograr lo que pediste, debes hacer esto:
function addUserDataToDom(data) { const li = document.createElement('li') const userList = document.getElementById('user-list') const userName = data.items[0].login const id = data.items[0].id const avatarUrl = data.items[0].avatar_url // Create p elements to add your user data const pUserName = document.createElement("p") const pId = document.createElement("p") const pAvatrUrl = document.createElement("p") pUserName.innerText = userName pId.innerText = id pAvatrUrl.innerText = avatarUrl li.appendChild( pUserName ) li.appendChild( pId ) li.appendChild( pAvatrUrl ) }Como puede ver, todos los datos se agregaron como texto interno dentro del elemento p . Finalmente, debe agregar esos elementos p que creamos anteriormente dentro de su elemento li .