年龄标签html,js+html实现周岁年龄计算器

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

输入界面展示:

3bb493e65177f5875bd672993cb411cf.png

输出结果展示:

ad3ee368f2f4ccd3c242cfe5fe19bb26.png

实现代码:

请输入您的出生日期(yyy/mm/dd):

/

/

计算

//计算周岁年龄的函数

function getAge() {

//定义返回值

var returnAge

//获取输入框参数

var birthYear = document.getElementById("year").value

var birthMonth = document.getElementById("month").value

var birthDay = document.getElementById("day").value

//获取当前时间

d = new Date();

var nowYear = d.getFullYear()

var nowMonth = d.getMonth() + 1

var nowDay = d.getDate()

//计算周岁年龄差

if (nowYear == birthYear) {

returnAge = 0; //同年 则为0岁

} else {

var ageDiff = nowYear - birthYear //年之差

if (ageDiff > 0) {

if (nowMonth == birthMonth) {

var dayDiff = nowDay - birthDay //日之差

if (dayDiff < 0) {

returnAge = ageDiff - 1

} else {

returnAge = ageDiff

}

} else {

var monthDiff = nowMonth - birthMonth //月之差

if (monthDiff < 0) {

returnAge = ageDiff - 1

} else {

returnAge = ageDiff

}

}

} else {

returnAge = -1 //输入有误

}

}

alert(returnAge)//结果弹窗显示

}

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
好的,下面是一个简单的HTMLJS实现计算器: ```html <!DOCTYPE html> <html> <head> <title>计算器</title> <meta charset="UTF-8"> <style type="text/css"> input[type="button"] { width: 50px; height: 50px; font-size: 20px; margin: 5px; border: none; background-color: #eee; } input[type="text"] { width: 220px; height: 50px; font-size: 20px; margin: 5px; border: none; background-color: #eee; text-align: right; padding-right: 5px; } </style> </head> <body> <input type="text" id="result" readonly> <br> <input type="button" value="7" onclick="addValue('7')"> <input type="button" value="8" onclick="addValue('8')"> <input type="button" value="9" onclick="addValue('9')"> <input type="button" value="+" onclick="addValue('+')"> <br> <input type="button" value="4" onclick="addValue('4')"> <input type="button" value="5" onclick="addValue('5')"> <input type="button" value="6" onclick="addValue('6')"> <input type="button" value="-" onclick="addValue('-')"> <br> <input type="button" value="1" onclick="addValue('1')"> <input type="button" value="2" onclick="addValue('2')"> <input type="button" value="3" onclick="addValue('3')"> <input type="button" value="*" onclick="addValue('*')"> <br> <input type="button" value="0" onclick="addValue('0')"> <input type="button" value="." onclick="addValue('.')"> <input type="button" value="C" onclick="clearValue()"> <input type="button" value="/" onclick="addValue('/')"> <br> <input type="button" value="=" onclick="calculate()"> <script type="text/javascript"> function addValue(value) { document.getElementById('result').value += value; } function clearValue() { document.getElementById('result').value = ''; } function calculate() { try { document.getElementById('result').value = eval(document.getElementById('result').value); } catch (e) { document.getElementById('result').value = 'Error'; } } </script> </body> </html> ``` 这个计算器界面比较简单,使用了HTML的input元素实现按键和显示结果。JS部分实现了按键的响应和计算结果的显示,使用了eval函数来计算表达式的值。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值