首页 > 代码库 > 条件运算符

条件运算符

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>条件运算符</title>
	<style type="text/css">
		*{margin:0; padding: 0;}
		body{ line-height: 30px; }
		#demo{ color: red; }
	</style>
</head>
<body>
<p>点击按钮检查测年龄</p>
年龄:<input type="text" value="" id="age" />
<p>是否达到投票年龄?</p>
<button onclick="myFunction()">点击按钮</button>
<p id="demo"></p>
<script type="text/javascript">
	function myFunction(){
		var age,voteable;
		age=document.getElementById(‘age‘).value;
		voteable=(age<18)?"年龄太小":"年龄已到达";
		document.getElementById(‘demo‘).innerHTML=voteable;
	}
</script>
</body>
</html>

 

如果变量 age 中的值小于 18,则向变量 voteable 赋值 "年龄太小",否则赋值 "年龄已达到"。

实例:

技术分享技术分享

 

条件运算符