怎么用JS写一个简单的星座查询功能,代码是什么
Admin 2022-06-18 群英技术资讯 1243 次浏览
很多朋友都对“怎么用JS写一个简单的星座查询功能,代码是什么”的内容比较感兴趣,对此小编整理了相关的知识分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获,那么感兴趣的朋友就继续往下看吧!在文本框中输入一个生日值,点击按钮,可以显示此生日的对应星座。定义一个函数,该函数用来接收一个生日值(月日组成的4位字符串,比如“0210”,“1225”等),并根据该生日值提示属于的星座。
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>星座查询</title>
</head>
<body>
<p align="center">
请输入一个生日值(如:0123):
<input type="text" id="t1">
<input type="button" value="显示星座" onclick="show()"/>
</p>
<script>
function show(){
var c1=document.getElementById("t1").value; //获取文本框中的值
//alert(c1);
var month=c1.substring(0,2);
var day=parseInt(c1.substring(2));
switch(month){
case "01":
if(day>19){alert("水瓶座")}
else alert("摩羯座");
break;
case "02":
if(day>18){alert("双鱼座")}
else alert("水瓶座");
break;
case "03":
if(day>20){alert("白羊座")}
else alert("双鱼座");
break;
case "04":
if(day>19){alert("金牛座")}
else alert("白羊座");
break;
case "05":
if(day>20){alert("双子座")}
else alert("金牛座");
break;
case "06":
if(day>21){alert("巨蟹座")}
else alert("双子座");
break;
case "07":
if(day>22){alert("狮子座")}
else alert("巨蟹座");
break;
case "08":
if(day>22){alert("处女座")}
else alert("狮子座");
break;
case "09":
if(day>22){alert("天秤座")}
else alert("处女座");
break;
case "10":
if(day>23){alert("天蝎座")}
else alert("天秤座");
break;
case "11":
if(day>20){alert("射手座")}
else alert("天蝎座");
break;
case "12":
if(day>21){alert("摩羯座")}
else alert("射手座");
break;
}
}
</script>
</body>
</html>

1、首先要清楚星座与日期之间的对应的关系:

2、 substring(start,end)将返回一个包含从start到最后(不包括end)的子字符串的字符串;
parseInt()函数可解析一个字符串,并返回一个整数。
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:mmqy2019@163.com进行举报,并提供相关证据,查实之后,将立刻删除涉嫌侵权内容。
猜你喜欢
这篇文章主要为大家详细介绍了基于layui实现登录页面,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
JavaScript中this也是一件很神奇 事情,在面向对象(比如java)中表示一个当前的对象引用,但是在JavaScript中this不是固定不变的,而是随着运行环境的改变而改变
这篇文章给大家分享的是有关layui怎么使用的内容,本文有使用layui实现三级联动的实例供大家参考,小编觉得挺实用的,对大家学习layui的使用有一定的帮助,感兴趣的朋友接下来一起跟随小编看看吧。
jquery实现轮播效果的方法:1、通过jquery的hover()绑定鼠标上悬以及离开时的事件处理;2、 通过jquery的bind()方法绑定鼠标点击事件处理前后翻动即可。
js怎样实现浏览器储存功能?有什么方法?对于浏览器的存储方案,我们比较常见的有Cookie、LocalStorage等,下面我们就来看看它们有何不同?
成为群英会员,开启智能安全云计算之旅
立即注册关注或联系群英网络
7x24小时售前:400-678-4567
7x24小时售后:0668-2555666
24小时QQ客服
群英微信公众号
CNNIC域名投诉举报处理平台
服务电话:010-58813000
服务邮箱:service@cnnic.cn
投诉与建议:0668-2555555
Copyright © QY Network Company Ltd. All Rights Reserved. 2003-2020 群英 版权所有
增值电信经营许可证 : B1.B2-20140078 ICP核准(ICP备案)粤ICP备09006778号 域名注册商资质 粤 D3.1-20240008