一、题目

在文本框中输入一个生日值，点击按钮，可以显示此生日的对应星座。定义一个函数，该函数用来接收一个生日值（月日组成的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()函数可解析一个字符串，并返回一个整数。

用JavaScript实现简单的星座查询相关推荐

android简单星座查询,简单的星座查询
简单的星座查询 1.引言对于一个简单的星座查询的过程是为了熟悉时间控件Dateoicker的使用,并与java中初始化日历的Callendar类相结合来完成简单的星座的查询功能.2.程序代码对于实 ...
基于Go语言星座查询~
Go学习~ 基于Go语言开发的一个超级简单的星座查询 package mainimport ("fmt""strconv""strings" ...
一个简单的星座运势查询APP
先看效果图如下: 这是一个简单的星座运势查看的APP. 先来看欢迎界面,欢迎界面很简单,只要是一个简单的动画播放效果,然后对动画播放设置监听,当动画播放结束后自动跳转到主界面.欢迎界面主要代码如下: ...
php输出mysql查询结果_PHP简单获取数据库查询结果并返回JSON
header("Content-type:text/html;charset=utf-8"); //连接数据库 $con = mysql_connect("localho ...
星座查询-python
文章目录启发 1.接收 1.1接收 1.2判断 2.处理 2.1整理日期 2.2处理并输出 2.2.2判断 2.2.2.2补充判断运行一下启发我们已经做了很多项目,今天我们就用python写一 ...
十二星座的美丽传说——星座查询api接口
星座的美丽传说十二星座的美丽传说,相信大家都有所耳闻,如果要说出它的来源可不是人人都能说来的,这里让我们一起来听听星座文明起源的故事吧:星座起源为米索不达亚文明,是天上的恒星组合,也是用来确定天空方 ...
基于Android开发的星座查询APP源码
本项目是一个基于安卓的星座运势查询项目源码,功能主要是星座查询,星座性格特点,联网实现的星座运势查询,和星座相关美图展示. 文件:url80.ctfile.com/f/25127180-7404788 ...
利用js制造一个星座查询的效果
简单利用if语句制作一个星座查询的效果 <!DOCTYPE html> <html lang="en"><head><meta chars ...
星座运势接口、星座查询接口和星座配对接口应用解决方案【源码可用】
福利彩蛋:没有好玩的 API 接口?上百款免费接口等你来,免费 API,免费 API 大全这里仅分享如何将多个相关接口整合成一个完整的产品解决方案以将星座运势接口.星座查询接口和星座运势接口整合成 ...

用JavaScript实现简单的星座查询

一、题目

二、代码

三、结果

四、总结

用JavaScript实现简单的星座查询相关推荐

最新文章

热门文章