JavaScript怎么实现星座查询功能

技术JavaScript怎么实现星座查询功能这篇文章主要介绍JavaScript怎么实现星座查询功能,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!一、题目在文本框中输入一个生日值,点击按钮,可以显

本文主要介绍了JavaScript如何实现星座查询功能,非常详细,有一定的参考价值。感兴趣的朋友一定要看!

00-1010在文本框中输入生日值,点击按钮显示该生日对应的星座。定义一个函数,用于接收生日值(由月和日组成的4位字符串,如“0210”、“1225”等。),并根据生日值提示星座。

一、题目

!doctypehtml

超文本标记语言

metachartset=' utf-8 '

星座查询/标题

/head

身体

palign='center '

请输入生日值(例如:0123):

inputtype='text'id='t1 '

type=' button ' value=' show constellation ' onclick=' show()'/

/p

脚本

function show(){ 0

var C1=document . getelementbyid(' t1 ')。价值;//获取文本框中的值。

//alert(C1);

varmonth=c1.substring(0,2);

varday=ParSeint(C1 . substring(2));

切换(月){ 0

案例' 01':

If(第19天){alert(水瓶座)}

埃尔塞洛特('摩羯座');

打破;

案件' 02':

If(第18天){alert(双鱼座)}

埃尔塞洛特('水瓶座');

打破;

案件' 03':

If(第20天){alert(白羊座)}

Elsealert('双鱼座');

打破;

案件' 04':

If(第19天){alert('金牛座')}

Elsealert('白羊座');

打破;

案件' 05':

If(第20天){警报('双子座')

Elsealert('金牛座');

打破;

案件' 06':

If(第21天){警报('癌症')}

埃尔塞洛特('双子座');

打破;

案件' 07':

If(第22天){alert ('Leo ')

Elsealert('癌症');

打破;

案件' 08':

If(第22天){alert(处女座)}

elsealert(' Leo ');

打破;

案件' 09':

If(第22天){alert(天秤座)}

埃尔塞洛特('处女座');

打破;

案例' 10':

If(第23天){alert(天蝎座)}

Elsealert('天秤座');

打破;

案例' 11':

If(第20天){alert(射手座)}

Elsealert('天蝎座');

打破;

案例' 12':

If(第21天){alert(摩羯座)}

埃尔塞洛特('射手座');

打破;

}

}

/script

/body

/html

二、代码

JavaScript怎么实现星座查询功能

00-1010 1.首先要明确星座和日期的对应关系:

JavaScript怎么实现星座查询功能

2.substring(start,end)将返回一个包含从头到尾(不包括end)的子字符串的字符串;

parst()函数分析一个字符串并返回一个整数。

以上就是《如何用JavaScript实现星座查询》一文的全部内容。感谢您的阅读!希望分享的内容对大家有帮助,有更多相关知识。欢迎关注行业资讯频道!

内容来源网络,如有侵权,联系删除,本文地址:https://www.230890.com/zhan/65903.html

(0)

相关推荐

  • 智能机怎么刷机,nokla智能机怎么刷机

    技术智能机怎么刷机,nokla智能机怎么刷机有两种刷机。1软刷:恢复出厂设置 2硬刷:(个人不建议)刷机前要备份好重要数据像手机号码什么的 。下面是硬刷过程(搜索粘贴的)  一、准备  1、下载navifirm  2、下

    生活 2021年10月22日
  • openwrt设置远程管理(openwrt模式怎么设置)

    技术OpenWRT如何启用工作模式开关和联网小编给大家分享一下OpenWRT如何启用工作模式开关和联网,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧! 主要配置 rc.local 脚本,内容如下:r

    攻略 2021年12月18日
  • Java如何实现家政服务平台系统

    技术Java如何实现家政服务平台系统这期内容当中小编将会给大家带来有关Java如何实现家政服务平台系统,文章内容丰富且以专业的角度为大家分析和叙述,阅读完这篇文章希望大家可以有所收获。一、项目简述功能包括: 家政服务网站

    攻略 2021年11月24日
  • 使用云视频服务器中需要注意的功能云服务器香港

    技术使用云视频服务器中需要注意的功能云服务器香港在为视频网站选择最佳云服务器时,从来没有一刀切。就视频业务而言,每个流媒体业务都有一组独特的要求。那么,企业流媒体视频业务的最高要求是什么?好吧,这里有一些可以派上用场的功

    礼包 2021年12月21日
  • vue echarts使用总结

    技术vue echarts使用总结 vue echarts使用总结option = {tooltip: {//提示框组件,也就是我们平时经常看见的鼠标移入后会有一个框框,显示你当前移入的参数名称和数据t

    礼包 2021年11月4日
  • vue学习---列表过滤

    技术vue学习---列表过滤 vue学习---列表过滤!DOCTYPE html
    htmlheadmeta charset="UTF-8" /title列表过滤/titlescript type="te

    礼包 2021年11月14日