找出一串文字是否包含某个字母

时间:2017-04-23 15:46:28

标签: javascript

我试图建立一个小网站,通过输入你的名字来告诉你是不是吮吸或者不要吮吸。 (有点愚蠢,但仅用于学习目的。)

我认为我开始工作的方式是检查名称是否有元音" a"在其中,但我不太清楚为什么这个代码块无法工作:

我还认为,将来如何添加查询参数以便为每个名称提供唯一链接会有所帮助。

但是,这是我的代码。任何帮助将不胜感激。



function nameSubmit() {
  var nameInput = document.getElementById('checkName');

  if (nameInput.contains('a')) {
    document.getElementById('ans').innerHTML = "You don't suck!"
  } else if (nameInput == "") {
    document.getElementById('ans').innerHTML = "Enter a name please";
  } else {
    document.getElementById('ans').innerHTML = "You suck";
  }
}

<!DOCTYPE html>
<html>
	<head>
		<!-- Links -->
		<link href="assets/app.css" rel="stylesheet" type="text/css">
		<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,600,700,900" rel="stylesheet">
		<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/simple-line-icons/2.4.1/css/simple-line-icons.css">
		<script src="https://use.fontawesome.com/97db52ab8f.js"></script>
		<link rel="shortcut icon" href="#" />
		<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
		 <meta name="viewport" content="width=device-width, initial-scale=1.0">

		<!-- Meta Tags -->
		<meta charset="utf-8">

		<!-- Title -->
		<title>Website Title</title>
	</head>
<body>

	<input type="text" id="nameCheck">

	<button onclick="nameSubmit()">Submit</button>

	<p id="ans"></p>

<script src="assets/main.js" type="text/javascript"></script>
</body>
</html>
&#13;
&#13;
&#13;

1 个答案:

答案 0 :(得分:0)

你走了。我删除了所有不必要的HTML以便于阅读。还要重新排列ifs的顺序以使其更有意义:)

function nameSubmit() {
  var nameInput = document.getElementById('nameCheck').value.trim();
  var output = document.getElementById('ans');
  if (!nameInput) {
    output.innerHTML = "Enter a name please";
  } else if (nameInput.indexOf('a') === -1) {
    output.innerHTML = "You suck!"
  } else {
    output.innerHTML = "You don't suck";
  }
}
<input type="text" id="nameCheck">

<button onclick="nameSubmit()">Submit</button>

<p id="ans"></p>