// Selecciono el contenedor
const contenedor = document.querySelector('.container')
console.log('Contenedor')
console.log(contenedor)
// El primer hijo que es un elemento (no texto)
const primer_hijo = contenedor.firstElementChild
console.log('Primer hijo')
console.log(primer_hijo)
// El úlitmo hijo que es un elemento (no texto)
const ultimo_hijo = contenedor.lastElementChild
console.log('Último hijo')
console.log(ultimo_hijo)
// Los hijos
const hijos = contenedor.children
// Recorriendo los hijos
for (let i = 0; i < hijos.length; i++) {
console.log('Hijo en posición ' + i)
console.log(hijos[i])
}
// Cogemos el segundo hijo
const boton = hijos[1]
// El hermano de después
const hermano_despues = boton.nextElementSibling
console.log('Hermano después')
console.log(hermano_despues)
// El hermano de antes
const hermano_antes = boton.previousElementSibling
console.log('Hermano anterior')
console.log(hermano_antes)
