//Traememos el boton y donde ira el contenido const btnLoad = document.getElementById(btnLoad) const myContent = document.getElementById(myContent)

//Creamo un evento al boton para que ejectute nuestra peticion btnLoad.addEventListener(click, evt => { // Creamos el objeto XMLHttpRequest const xhr = new XMLHttpRequest() // Decimos donde tienbe que ir a buscar y con que metodo xhr.open(GET, /curso/json/noticias.json, true)

// Que se debe hacer con la data
xhr.addEventListener(`load`, e => {
    const data = JSON.parse(e.target.responseText)
    console.log(data)
    draw(data)
})
// Ordenamos que realice la peticion
xhr.send()

})

const draw = data => { data.forEach( n => { const container = document.createElement(div) const news = document.createElement(h2) const content = document.createElement(p) const time = document.createElement(span)

news.textContent = n.Titulo
    content.textContent = n.Contenido
    time.textContent = n.Fecha

    container.appendChild(news)
    container.appendChild(content)
    container.appendChild(time)

    myContent.appendChild(container)
});

}