Javascript 如何根据用户输入显示警报

我想根据用户在文本字段中输入的键显示警报（示例），如果用户在文本字段中输入14，警报应显示为“Srdjan”

使用

Array\find

。将

键

输入

输入

并点击

点击

按钮

[关键：15，标签：钥匙：15，标签：“普姆齐”，标签：“普姆齐”，类型：1}，{关键：15，标签：“普姆齐”，类型：1}，{关键：2，标签：1}，{关键：2，标签：“朱利安”，类型：2，标签：“朱利安”，标签：“朱利安”，类型：2，标签：2，标签：1，{关键：2，标签：1，标签：1}，{关键：2，标签：1，标签：1，标签：1，标签：1，标签：1，标签：1，{钥匙：1，标签：1，标签：1，标签：1，标签：1，{钥匙：1，标签，标签：1，标签：1，标签：1，标签：1，标签，标签：1，标签：1，标签：1，{钥匙：1，{钥匙：1，{钥匙：1，标签：1，标签：1，标签：1，标签，标签：1，标签：1，：2}，{键：11，标签：“模板”，类型：1}，{键：12，标签：“板视图”，类型：1}，{键：13，标签：“Dulla”，类型：1}，{键：16，标签：“Nelson”，类型：1}]， 输入=document.getElementById（'inp'）； 函数func（）{ var prop=teams.find（v=>v.key==inp.value）.label； 控制台日志（道具）； }

单击

var团队=[
{键：1，标签：“Faizel”，类型：1}，
{键：15，标签：“Phumzi”，类型：1}，
{键：2，标签：“Julian”，类型：2}，
{键：3，标签：“Rydel”，类型：1}，
{键：14，标签：“Srdjan”，类型：2}，
{键：5，标签：“Doi”，类型：1}，
{键：6，标签：“Brandon”，类型：2}，
{键：7，标签：“Jose”，类型：1}，
{键：8，标签：“Lesley”，类型：1}，
{键：9，标签：“Robin”，类型：1}，
{键：10，标签：“Bigshow”，类型：2}，
{键：11，标签：“模板”，类型：1}，
{键：12，标签：“楼板视图”，类型：1}，
{键：13，标签：“Dulla”，类型：1}，
{键：16，标签：“Nelson”，类型：1}，
];
var-key=14；
警报（团队。查找（功能（项目）{
返回项。键===键
}).label）；

输入数字并点击检查

var团队=[
{键：1，标签：“Faizel”，类型：1}，
{键：15，标签：“Phumzi”，类型：1}，
{键：2，标签：“Julian”，类型：2}，
{键：3，标签：“Rydel”，类型：1}，
{键：14，标签：“Srdjan”，类型：2}，
{键：5，标签：“Doi”，类型：1}，
{键：6，标签：“Brandon”，类型：2}，
{键：7，标签：“Jose”，类型：1}，
{键：8，标签：“Lesley”，类型：1}，
{键：9，标签：“Robin”，类型：1}，
{键：10，标签：“Bigshow”，类型：2}，
{键：11，标签：“模板”，类型：1}，
{键：12，标签：“楼板视图”，类型：1}，
{键：13，标签：“Dulla”，类型：1}，
{键：16，标签：“Nelson”，类型：1}，
];
函数检查（）{
var val=document.getElementById（'input'）.value；
如果（val！=“”）{
对于（var i=0；i尝试：


var团队=[
{键：1，标签：“Faizel”，类型：1}，
{键：15，标签：“Phumzi”，类型：1}，
{键：2，标签：“Julian”，类型：2}，
{键：3，标签：“Rydel”，类型：1}，
{键：14，标签：“Srdjan”，类型：2}，
{键：5，标签：“Doi”，类型：1}，
{键：6，标签：“Brandon”，类型：2}，
{键：7，标签：“Jose”，类型：1}，
{键：8，标签：“Lesley”，类型：1}，
{键：9，标签：“Robin”，类型：1}，
{键：10，标签：“Bigshow”，类型：2}，
{键：11，标签：“模板”，类型：1}，
{键：12，标签：“楼板视图”，类型：1}，
{键：13，标签：“Dulla”，类型：1}，
{键：16，标签：“Nelson”，类型：1}，
];
document.getElementById（'displayAlert'）。addEventListener（“单击”，函数（）{
var inputVal=document.getElementById（'team'）.value；
var selectedTeam=teams.find（函数（值）{
返回值.key==parseInt（inputVal）；
});
警报（选择团队标签）；
})；

显示警报
我建议使用

使用它，可以很容易地根据属性查找对象：

var teams=[
  {key:1, label:"Faizel", type:1},
  {key:15, label:"Phumzi", type:1},
  {key:2, label:"Julian", type:2},
  {key:3, label:"Rydel", type:1},
  {key:14, label:"Srdjan", type:2},
  {key:5, label:"Doi", type:1},
  {key:6, label:"Brandon", type:2},
  {key:7, label:"Jose", type:1},
  {key:8, label:"Lesley", type:1},
  {key:9, label:"Robin", type:1},
  {key:10, label:"Bigshow", type:2},
  {key:11, label:"Template", type:1},
  {key:12, label:"Slab View", type:1},
  {key:13, label:"Dulla", type:1},
  {key:16, label:"Nelson", type:1},
];

使用
alert
显示警报，否则这只是一个问题，需要通过数组查找匹配项。您的输入和事件处理程序在哪里？我不知道如何操作我创建了简单的输入字段谢谢您的帮助不，我不建议使用lodash。
// get the input with jquery
var value = $('#myinput').val();

var resultObject = _.find(teams, function(obj) {
    return obj.key === parseInt(value);
});

alert(resultObject.label);