JavaScript实现星座查询功能 附详细代码

目录
  • 一、题目
  • 二、代码
  • 三、结果
  • 四、总结

一、题目

在文本框中输入一个生日值，点击按钮，可以显示此生日的对应星座。定义一个函数，该函数用来接收一个生日值（月日组成的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实现星座查询功能 附详细代码的文章就介绍到这了,更多相关js星座查询内容请搜索我们以前的文章或继续浏览下面的相关文章希望大家以后多多支持我们！

赞 (0)

相关推荐

  • javascript计算星座属相(十二生肖属相)示例代码

    复制代码 代码如下: <SCRIPT LANGUAGE="JavaScript"><!-- Beginfunction signs() {var start = 1901, birthyear = document.zodiac.year.value, date=document.zodiac.date.value, month=document.zodiac.month.selectedIndex; with (document.zodiac.sign){ if (

  • 根据出生日期自动取得星座的js代码

    无奈啊~只怪读书时没有好好用功~看着JavaScript,一个头顿时变成两个........ 还好网络提供了很好的资料库~看了下,然后自己改了下,基本算能完成任务吧~写下一份存档,留待日后 复制代码 代码如下: function xingzuo() { var start = 1901, date=document.getElementById("txtDay").value, month=document.getElementById("txtMonth").va

  • JS根据生日月份和日期计算星座的简单实现方法

    本文实例讲述了JS根据生日月份和日期计算星座的简单实现方法.分享给大家供大家参考,具体如下: 看到了别人写的一个计算星座的js,冗长的有点儿看不过去,就自己写个了. 我想,这个函数应该足够精简了:) 什么 if 啊 switch 啊 for 啊 通通滚蛋了-- 传入参数:month [int] 1-12;  day [int] 1-31. // 根据生日的月份和日期,计算星座. function getAstro(month,day){ var s="魔羯水瓶双鱼牡羊金牛双子巨蟹狮子处女天秤天蝎

  • js根据日期判断星座的示例代码

    复制代码 代码如下: function xingzuo() { var start = 1901, date=document.getElementById("txtDay").value, month=document.getElementById("txtMonth").value;;with (document.getElementById("txtXZ")){ if (month == 1 && date >=20

  • js日期、星座的级联显示代码

    js 代码 复制代码 代码如下: function birthdayOnchange(obj) {        var year = $("<%= DDL_Year.ClientID%>").value; if (year == "year")            return;        else            year = parseInt(year, 10); var month = $("<%=DDL_Month.

  • JavaScript实现星座查询功能 附详细代码

    JavaScript实现星座查询功能 附详细代码

    目录 一.题目 二.代码 三.结果 四.总结 一.题目 在文本框中输入一个生日值,点击按钮,可以显示此生日的对应星座.定义一个函数,该函数用来接收一个生日值(月日组成的4位字符串,比如"0210","1225"等),并根据该生日值提示属于的星座. 二.代码 <!doctype html> <html> <head> <meta charset="utf-8"> <title>星座查询&l

  • Angularjs添加排序查询功能的实例代码

    废话不多说了,直接给大家贴代码了,具体代码如下所示: <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <script type="text/javascript" src="angular-1.3.0.js"></script&g

  • 运用JSP+ajax实现分类查询功能的实例代码

    运用JSP+ajax实现分类查询功能的实例代码

    本文主要是介绍了运用JSP+ajax实现分类查询功能的实例代码,分享给大家供大家参考,具体如下: 这次是对小学期关于大学毕业生信息管理系统课程设计中遇到的一些问题和解决方法进行记录和分享. 题目要求:提供企业招聘信息(本年度或历年)查询功能: 首先建立一个jsp文件用来显示数据库信息,并在上面加输入条件的文本框和查询按钮,在这个jsp文件中需要完成一个js函数在用于完成查询功能. <%@ page language="java" pageEncoding="UTF-8&

  • JavaScript实现翻页功能(附效果图)

    JavaScript实现翻页功能(附效果图)

    效果图: 要点: displayPage('#pageDiv','goPage','query',10,1,100); #pageDiv是显示翻页的div名称. goPage是跳转到后面的文本输入框的id,如果有需要可以根据 * 这个参数直接赋值. query是查询的方法名称. 10是总页数 1是当前页数 100是总条数. <%@ page language="java" contentType="text/html;charset=UTF-8" pageEn

  • JavaScript实现九宫格抽奖功能的示例代码

    JavaScript实现九宫格抽奖功能的示例代码

    目录 效果图 实现流程 主要代码 效果图 话不多说,直接上效果: 实现流程 主要流程为: 1. 根据效果图,构建静态页面 2. 获取元素(自带的属性) 3. 绑定事件 4. 事件触发之后 4.1 所有的li元素 在指定的时间间隔下 颜色随机变化 4.2 延时器 2秒后 清除定时器 4.3 在清除定时器之后,所有的li背景色复位,随机选一个 主要代码 <!DOCTYPE html> <html lang="en"> <head> <meta ch

  • LyScript实现指令查询功能的示例代码

    LyScript实现指令查询功能的示例代码

    目录 搜索内存中的机器码 搜索内存反汇编代码 通过对LyScript自动化插件进行二次封装,实现从内存中读入目标进程解码后的机器码,并通过Python代码在这些机器码中寻找特定的十六进制字符数组,或直接检索是否存在连续的反汇编指令片段等功能. LyScript项目地址:https://github.com/lyshark/LyScript 搜索内存中的机器码 内存机器码需要配合LyScript32插件,从内存中寻找指令片段. from LyScript32 import MyDebug # 将可

  • MyBatis XML方式的基本用法之多表查询功能的示例代码

    1. 多表查询 在之前,我们示例的2个查询都是单表查询,但实际的业务场景肯定是需要多表查询的,比如现在有个需求: 查询某个用户拥有的所有角色.这个需求要涉及到sys_user,sys_user_role,sys_role三张表,如何实现呢? 首先,在SysUserMapper接口中定义如下方法. /** * 根据用户id获取角色信息 * * @param userId * @return */ List<SysRole> selectRolesByUserId(Long userId); 然后

  • MyBatis Plus 实现多表分页查询功能的示例代码

    在Mybatis Plus 中,虽然IService 接口帮我们定义了很多常用的方法,但这些都是 T 对象有用,如果涉及到 多表的查询,还是需要自定义Vo 对象和自己编写sql 语句,Mybatis Plus提供了一个Page 对象,查询是需要设置其中的 size 字段 和 current 字段的值 一.分页配置 可以直接使用selectPage这样的分页,但返回的数据确实是分页后的数据,但在控制台打印的SQL语句其实并没有真正的物理分页,而是通过缓存来获得全部数据中再进行的分页,这样对于大数据

  • Vue 实现穿梭框功能的详细代码

    Vue 实现穿梭框功能的详细代码

    Vue - 实现穿梭框功能,效果图如下所示: css .transfer{ display: flex; justify-content: center; align-items: center; } .transfer>.list { width: 200px; height: 300px; border: 1px solid #000; list-style: none; } .content{ font-size: 30px; margin: 0 20px; } .list>li{ pa

  • Qt5实现文本编辑器(附详细代码)

    Qt5实现文本编辑器(附详细代码)

    目录 1. 功能介绍 2. 功能演示 3. 代码 4. 改进 1. 功能介绍 老规矩,我们直接上截图 这是主界面 文件菜单界面 编辑菜单界面 设置菜单界面 关于菜单界面 2. 功能演示 设置字体颜色 设置字体大小 点击关于菜单 点击关于Qt菜单 会自动跳转到Qt的官网 点击图片转PDF 打开文件等对话框 3. 代码 我们直接上代码 aboutwidget.h #ifndef ABOUTWIDGET_H #define ABOUTWIDGET_H #include <QWidget> names

随机推荐