我正在code.org上为我的CS课程做一个学校项目.我正在try 构建一个关于鸟的应用程序.(我们正在学习列表/数组、循环和遍历) 在这个项目中,我试图建立一个搜索框,人们可以在其中键入鸟的名字,并在下一页将显示有关鸟的信息.(这些信息来自code.org数据库,它有许多数据集列表,您可以用来构建您的应用程序)
代码如下所示:
// code.org is using ES5
var birdSearch = getText('searchInput');
for(var i = 0; i < birdNameList.length; i++) {
if (birdSearch === birdNameList[i]) {
setText('birdNameOutput', birdNameList[i]);
setText('birdDietOuput', birdDietList[i]);
setText('birdImageOutput', birdImageList[i]);
}
但我担心没有人会知道这些鸟的名字,因为你必须在列表中搜索完全相同的名字,然后我的应用程序将毫无用处.因此,我正在考虑构建一个将根据用户输入显示最相关的名称的东西.
这就像如果你在搜索框中输入‘am’,它会显示‘American Goldfinch’,‘American Purple Gallinule’……在搜索框下面.
例如:
search box: Am______
do you mean: American Goldfinch American Purple Gallinule ...