利用JS获取数值判断年龄

最新推荐文章于 2024-01-31 16:35:34 发布

Brgen

最新推荐文章于 2024-01-31 16:35:34 发布

阅读量3.2k

点赞数 3

文章标签： javascript js html

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.youkuaiyun.com/Brgen/article/details/116376470

版权

这篇博客介绍了如何使用JavaScript获取HTML中的输入值，并根据输入的数字判断对应的年龄阶段，包括儿童、青少年、青年、中年和老年。通过示例代码展示了如何实现这个功能，包括输入框、按钮的设置以及点击事件的绑定和条件判断。适合JavaScript初学者。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

首先先了解一下JS JS的全称是 JavaScript

JavaScript 是世界上最流行的编程语言。

这门语言可用于 HTML 和 web，更可广泛用于服务器、PC、笔记本电脑、平板电脑和智能手机等设备。

JavaScript 是脚本语言

JavaScript 是一种轻量级的编程语言。

JavaScript 是可插入 HTML 页面的编程代码。

JavaScript 插入 HTML 页面后，可由所有的现代浏览器执行。

JavaScript 很容易学习

此教程只适合入学者

首先将基础样式调整好
一个输入框 <input type=”text”>并且给予ID
一个按钮 < button>
在</body>标签后加入<script>
样式如下（仅次参考）
<input type="text" id="txtAge">
<button onClick="aa()">提交</button>
<script> </script>

将样式写完后，写入方法 function（）{}
获取绑定的输入框并且给予返回值 value
var a=document.getElementById("txtAge").value;
Var是赋值的意思注意这里的a是自定义名称
再给予
然后确认绑定是否成功，加入弹窗事件
alert（“绑定成功”）
绑定成功后尝试加入 if 判断语句如
else if(a>=0&&a<14){
alert("小孩");
再到浏览器中测试点击事件
成功！
源代码
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>01根据输入的数字判断年龄</title>
</head>
<body>
<button id="S">按钮</button>
<style>
</style>
<input type="text" id="txtAge">
<script>
document.getElementById("S").οnclick=function(){
var a=document.getElementById("txtAge").value
if(a<=null){
alert("年龄不能为空");
}else if(a>=0&&a<14){
alert("小孩");
}else if(a>=14&&a<18){
alert("青年人");
}else if(a>=18&&a<40){
alert("成年人");
}else if(a>=40&&a<60){
alert("中年人");
}else if(a<60){
alert("老年人");
}
} /*1、根据用户输入的数字（不允许输入负数），判断是哪个年龄段的人，具体年龄段如下：
儿童：0~14;（大于等于0，小于14）
青少年：14~18；（大于等于14，小于18）、
青年：18~40；（大于等于18，小于40）
中年：40~60；（大于等于40，小于60）
老年：60以上；（大于60）*/
</script>
</body>
</html>

虽然写的非常烂，但希望可以帮助到你们。

以上就是我的分享，新手上道，请多多指教。如果有更好的方法或不懂得地方欢迎在评论区教导和提问喔！

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。