怎么用JS写一个简单的星座查询功能,代码是什么
Admin 2022-06-18 群英技术资讯 303 次浏览
在文本框中输入一个生日值,点击按钮,可以显示此生日的对应星座。定义一个函数,该函数用来接收一个生日值(月日组成的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进行举报,并提供相关证据,查实之后,将立刻删除涉嫌侵权内容。
猜你喜欢
本文介绍了 基于 XMLHttpRequest、Promise、async/await 等三种异步网络请求 的写法,其中 async/await 写法允许我们以类似于同步的方式编写异步程序,摆脱繁琐的回调函数。
这篇文章主要介绍了前端JavaScript中的class,类是用于创建对象的模板,JavaScript中的Class更多的还是语法糖,本质上绕不开原型链,下面就来看看关于JavaScript class类的详细内容吧
javascript语句必须嵌套在“script”标签中,script标签用于定义客户端脚本,该标签既可包含脚本语句,也可以通过“src”属性指向外部脚本文件,语法为“<script>javascript语句代码</script> ”。
这篇文章给大家介绍一下vue3中teleport组件,一些朋友可能对teleport组件不是很了解,其实teleport组件对解决Modal的定位问题有很大的用处,接下来我们通过实例来了解一下teleport组件。
Angular项目中怎么使用 SASS 样式?下面本篇文章给大家介绍一下Angular 中 SASS 样式的使用方法,希望对大家有所帮助!
成为群英会员,开启智能安全云计算之旅
立即注册Copyright © QY Network Company Ltd. All Rights Reserved. 2003-2020 群英 版权所有
增值电信经营许可证 : B1.B2-20140078 粤ICP备09006778号 域名注册商资质 粤 D3.1-20240008