js html实现周岁年龄计算器

本文实例为大家分享了js html实现周岁年龄计算器的具体代码，供大家参考，具体内容如下

输入界面展示：

输出结果展示：

实现代码：

！DOCTYPE html html head meta charset=' utf-8 ' title/title/head body div！-设计输入及点击界面- p请输入您的出生日期(年/月/日):/p输入类型=' text ' style=' width : 60px ' id=' year '/input type=' text ' style=' width : 60px；id='月'/输入类型=' text ' style=' width : 60px ' id=' day '/br！-运用按钮标签并设置点击事件函数-button style=' margin-top :10 px ' onclick=' getAge()'计算/button /div脚本/计算周岁年龄的函数函数getAge() { //定义返回值var RetPress//获取输入框参数var生日=文档。getelementbyid(' year ').var值=出生月份=文档。getelementbyid('月').价值变化生日=document.getElementById('day ').value //获取当前时间d=新日期();var now year=d . get full year()var now month=d . get month()1 var now day=d . get date()//计算周岁年龄差if (nowYear==出生年份){ RETURge=0；//同年则为0岁} else { var ageDiff=nowYear-birthYear//年之差if(AgeDiff 0){ if(nowMount月==生日月){ var dayDiff=nowDay -生日//日之差if(dayDiff 0){ return ge=ageDiff-1 } else { return ge=ageDiff } } else { var monthDiff=now month-birthMonth//月之差if(monthDiff 0){ returnAge=AgeDiff-1 } else { returnAge=AgeDiff } } } else { returnAge=-1//输入有误} }警报(RetPress)//结果弹窗显示}/脚本/正文/html以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。