JavaScript小测验做一个简单的年龄成年判断功能:
用html+javascript做一个输入年龄判断是否成年的功能
功能代码:
<!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标签用于接收函数输出的内容