javascript - 无法从纽约时报 API 检索数据

Question

我正在尝试获取头条新闻的最大图片、标题、简短描述和url来自纽约时报 API。在我获得我需要的所有信息之前，我试图只获得标题，但我似乎无法获得任何信息。我的代码有问题吗？

更新:我已将元素添加到 DOM(请参阅下面的代码)，但标题仍未显示。我之前也尝试过在控制台中打印它，但也没有打印出来。

var url = 'https://api.nytimes.com/svc/topstories/v2/science.json?api-key=MY_API_KEY'
function setup() {
    noCanvas()
    loadJSON(url, gotData)
}

function gotData(data) {
const articles = data.results

for (let i = 0; i < articles.length; i++) {
    const title = document.createElement('h1') 
    title.innerText = articles[i].title 
    document.body.appendChild(title)
}
}

Answer 1

好了，您已经创建了您的元素，但您仍然需要将它添加到 DOM。

---

创建您的元素:

const title = document.createElement('h1')

并将其添加到 DOM(使其实际出现在您的页面上):

document.body.appendChild(标题)

---

但现在您仍然需要从 API 添加您的实际标题:

title.innerText = articles[i].title

一起:

const title = document.createElement('h1') // create the heading
title.innerText = articles[i].title // add the title from the API to your heading
document.body.appendChild(title) // add your heading to the DOM (this will make it appear)