我的编程空间,编程开发者的网络收藏夹
学习永远不晚

JavaScript怎么实现星座查询功能

短信预约 -IT技能 免费直播动态提醒
省份

北京

  • 北京
  • 上海
  • 天津
  • 重庆
  • 河北
  • 山东
  • 辽宁
  • 黑龙江
  • 吉林
  • 甘肃
  • 青海
  • 河南
  • 江苏
  • 湖北
  • 湖南
  • 江西
  • 浙江
  • 广东
  • 云南
  • 福建
  • 海南
  • 山西
  • 四川
  • 陕西
  • 贵州
  • 安徽
  • 广西
  • 内蒙
  • 西藏
  • 新疆
  • 宁夏
  • 兵团
手机号立即预约

请填写图片验证码后获取短信验证码

看不清楚,换张图片

免费获取短信验证码

JavaScript怎么实现星座查询功能

这篇文章主要介绍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>

三、结果

JavaScript怎么实现星座查询功能

四、总结 

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

JavaScript怎么实现星座查询功能

substring(start,end)将返回一个包含从start到最后(不包括end)的子字符串的字符串;

parseInt()函数可解析一个字符串,并返回一个整数。

以上是“JavaScript怎么实现星座查询功能”这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注编程网行业资讯频道!

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

JavaScript怎么实现星座查询功能

下载Word文档到电脑,方便收藏和打印~

下载Word文档

猜你喜欢

JavaScript怎么实现星座查询功能

这篇文章主要介绍JavaScript怎么实现星座查询功能,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!一、题目在文本框中输入一个生日值,点击按钮,可以显示此生日的对应星座。定义一个函数,该函数用来接收一个生日值(月日
2023-06-25

php如何实现星座查询

这篇文章主要介绍了php如何实现星座查询的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇php如何实现星座查询文章都会有所收获,下面我们一起来看看吧。php实现星座查询的方法:1、开通星座查询API接口;2、创建
2023-07-04

怎么使用PHP查询生肖和星座

这篇“怎么使用PHP查询生肖和星座”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“怎么使用PHP查询生肖和星座”文章吧。查询生
2023-07-05

java星座运势算法怎么实现

要实现一个Java星座运势算法,你可以按照以下步骤进行:1. 首先,确定星座的日期范围和对应的星座名称。通常,星座的日期范围可以使用两个日期(开始日期和结束日期)来表示。2. 创建一个包含星座名称和对应日期范围的映射表。你可以使用Java的
2023-08-16

使用jQuery怎么实现一个影院选座订座功能

本篇文章为大家展示了使用jQuery怎么实现一个影院选座订座功能,内容简明扼要并且容易理解,绝对能使你眼前一亮,通过这篇文章的详细介绍希望你能有所收获。
2023-06-14

JavaWeb分页查询功能怎么实现

本篇内容主要讲解“JavaWeb分页查询功能怎么实现”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“JavaWeb分页查询功能怎么实现”吧!效果:实现:分页查询有几个比较重要的参数,pageNum
2023-06-26

php怎么实现简单的查询功能

要实现简单的查询功能,可以使用PHP和MySQL数据库进行操作。以下是一个简单的例子:1. 首先,连接到MySQL数据库:```php$servername = "localhost";$username = "root";$passwor
2023-09-07

PHP中怎么实现数组查询功能

PHP中怎么实现数组查询功能,针对这个问题,这篇文章详细介绍了相对应的分析和解答,希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。学习PHP数组时,你可能会遇到问题,这里将介绍PHP数组查询,在这里拿出来和大家分享一下。PHP4
2023-06-17

怎么用PHP实现商品查询功能

这篇文章主要介绍“怎么用PHP实现商品查询功能”,在日常操作中,相信很多人在怎么用PHP实现商品查询功能问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”怎么用PHP实现商品查询功能”的疑惑有所帮助!接下来,请跟
2023-07-05

java怎么实现数据库的查询功能

要实现Java中数据库的查询功能,需要使用JDBC(Java Database Connectivity)来连接数据库并执行SQL查询语句。下面是一个简单的示例代码:1. 导入所需的类和包:```javaimport java.sql.Co
2023-09-20

编程热搜

  • Python 学习之路 - Python
    一、安装Python34Windows在Python官网(https://www.python.org/downloads/)下载安装包并安装。Python的默认安装路径是:C:\Python34配置环境变量:【右键计算机】--》【属性】-
    Python 学习之路 - Python
  • chatgpt的中文全称是什么
    chatgpt的中文全称是生成型预训练变换模型。ChatGPT是什么ChatGPT是美国人工智能研究实验室OpenAI开发的一种全新聊天机器人模型,它能够通过学习和理解人类的语言来进行对话,还能根据聊天的上下文进行互动,并协助人类完成一系列
    chatgpt的中文全称是什么
  • C/C++中extern函数使用详解
  • C/C++可变参数的使用
    可变参数的使用方法远远不止以下几种,不过在C,C++中使用可变参数时要小心,在使用printf()等函数时传入的参数个数一定不能比前面的格式化字符串中的’%’符号个数少,否则会产生访问越界,运气不好的话还会导致程序崩溃
    C/C++可变参数的使用
  • css样式文件该放在哪里
  • php中数组下标必须是连续的吗
  • Python 3 教程
    Python 3 教程 Python 的 3.0 版本,常被称为 Python 3000,或简称 Py3k。相对于 Python 的早期版本,这是一个较大的升级。为了不带入过多的累赘,Python 3.0 在设计的时候没有考虑向下兼容。 Python
    Python 3 教程
  • Python pip包管理
    一、前言    在Python中, 安装第三方模块是通过 setuptools 这个工具完成的。 Python有两个封装了 setuptools的包管理工具: easy_install  和  pip , 目前官方推荐使用 pip。    
    Python pip包管理
  • ubuntu如何重新编译内核
  • 改善Java代码之慎用java动态编译

目录