每次按下按钮时如何使草图显示新文本？

Question

我是p5的完整入门者。这是我的代码，用于创建一个按钮以在查询时返回文章标题及其摘要...并且仅执行一次。输入要搜索的新单词时，它不会更改显示的文本。有什么想法吗？我已经检查了从api返回的json，对此没有任何问题。

我尝试将getElement（）函数中的createElement和createP片段与局部变量'data'包括在内。然后，我尝试将它们包含在draw（）函数中。然后我尝试制作一个全局变量'wordData'。

var url1 = "https://api.nytimes.com/svc/search/v2/articlesearch.json?q=";
var url2 = "&api-key=my api key";
var wordData;
var input;

function setup()
{
  //createCanvas(600,600);
  var button = select("#submit");
  button.mousePressed(wordAsk);
  input = select("#word")
}

function wordAsk()
{
  var url = url1 + input.value() + url2;
  loadJSON(url,gotData)
}

function gotData(data)
{
  wordData = data;
}

function draw()
{

  if(wordData)
  {

    var articles = wordData.response.docs;
    for(var i = 0; i<11; i++)
    {
      createElement('h1',articles[i].headline.main);
      createP(articles[i].snippet);
    }
  }
}