JSFiddle - React, Tailwind, and code Playground
HTML
<p id="answer">
..
</p>
<p id="time">
</p>
JavaScript
let dictionary = [];
var time=0;
var answer = [];
var possible = "abcdefghijklmnopqrstuvwxyz";
function makeid(len) {
var text = "";
for (var i = 0; i < len; i++)
text += possible.charAt(Math.floor(Math.random() * possible.length));
return text;
}
function addWord(number){
for (var inc=0; inc<number; inc++){
var wl = 5+Math.floor(Math.random() * 5);
dictionary.push({word:makeid(wl)});
}
}
function findWord(start){
return dictionary.filter(function(e){
return e.word.startsWith(start);
})
}
$(document).ready(function() {
addWord(20000);
var init = new Date().getTime();
var sol = findWord('ord');
time= (new Date()).getTime() - init;
$("#answer").text(JSON.stringify(sol));
$("#time").text(time + "ms");
});