JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container"></div>
<input type="button" id="button" value="Show next" />

JavaScript

var text = ['london', 'ontario', 'san francisco', 'new york'];

var words = text.match(/\b([a-z]{1,})\b/gi);  // text is an element of json array
console.log(words);
for (i = 0;  i < words.length;  ++i) {
    $("<span>"+words[i]+" </span>").hide().appendTo("#container");
}
$('#button').click(function() {
    $('#container span:hidden:first').fadeIn(450);
});