获取我的HTML来激活JS，并能够从我的数组中选择信息

我做了一个有3个名字的数组，我基本上想要它，如果有人在数组中输入其中一个名字，我想要它显示一个警告框，基本上显示JS正在做一些事情。

欢呼。

var names = ['Alex', 'Dale', 'Mike'];
var nameSelector = document.getElementById('name-area').value;
function nameGrabber() {
if (nameSelector === names[0]) {
alert("Nice Name bro.");
} else if (nameSelector === names[1]) {
alert("Mate, that's a name that you have.");
} else if (nameSelector === names[3]) {
alert("Ok that's fine.");
} else {
alert("PUT IN ONE OF THE NAMES PLEAZE... thanks :)");
}
}

<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Javascript Lesson</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="app.js"></script>
</head>
<body>
<input type="text" id="name-area"></input>
<input type="submit" onclick="nameGrabber()"></input>
</body>
</html>

需要将nameSelector变量移动到提交函数中，否则nameSelector的值始终保持输入字段的初始值(该值为空)。比如:

var names = ['Alex', 'Dale', 'Mike'];

function nameGrabber() {
var nameSelector = document.getElementById('name-area').value;
if (nameSelector === names[0]) {
alert("Nice Name bro.");
} else if (nameSelector === names[1]) {
alert("Mate, that's a name that you have.");
} else if (nameSelector === names[3]) {
alert("Ok that's fine.");
} else {
alert("PUT IN ONE OF THE NAMES PLEAZE... thanks :)");
}
}

<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Javascript Lesson</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="app.js"></script>
</head>
<body>
<input type="text" id="name-area"></input>
<input type="submit" onclick="nameGrabber()"></input>
</body>
</html>

相关内容

最新更新

热门标签：