JavaScript小测验做一个简单的年龄成年判断功能:

用html+javascript做一个输入年龄判断是否成年的功能

logo.PNG

功能代码:

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>宗波尘客(www.zbck123.com)</title> 
</head>
<body>

<p>点击按钮检测年龄。</p>
年龄:<input id="age" value="" />
<p>是否达到投票年龄?</p>
<button onclick="myFunction()">点击按钮</button>
<p id="demo"></p>
<script>
function myFunction()
{
	var age,voteable;
	age=document.getElementById("age").value;
	voteable=(age<18)?"年龄太小":"年龄已达到";
	document.getElementById("demo").innerHTML=voteable;
}
</script>

</body>
</html>

功能解析:

①用input标签写了一个输入框,并对输入框设置了id属性命名为age

②写了一个函数,函数功能是判断年龄是否达到18岁,达到即在ID为demo的p里输出“年龄已达到”或者“年龄太小”

③写了一个按钮事件来调用函数

④写了一个空白P标签用于接收函数输出的内容