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


Posted in Javascript onJanuary 09, 2014
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
function signs() {
var start = 1901, birthyear = document.zodiac.year.value, date=document.zodiac.date.value, month=document.zodiac.month.selectedIndex;
with (document.zodiac.sign){
if (month == 1 && date >=20 || month == 2 && date <=18) {value = "水瓶座";}
if (month == 1 && date > 31) {value = "Huh?";}
if (month == 2 && date >=19 || month == 3 && date <=20) {value = "双鱼座";}
if (month == 2 && date > 29) {value = "Say what?";}
if (month == 3 && date >=21 || month == 4 && date <=19) {value = "白羊座";}
if (month == 3 && date > 31) {value = "OK.  Whatever.";}
if (month == 4 && date >=20 || month == 5 && date <=20) {value = "金牛座";}
if (month == 4 && date > 30) {value = "I'm soooo sorry!";}
if (month == 5 && date >=21 || month == 6 && date <=21) {value = "双子座";}
if (month == 5 && date > 31) {value = "Umm ... no.";}
if (month == 6 && date >=22 || month == 7 && date <=22) {value = "巨蟹座";}
if (month == 6 && date > 30) {value = "Sorry.";}
if (month == 7 && date >=23 || month == 8 && date <=22) {value = "狮子座";}
if (month == 7 && date > 31) {value = "Excuse me?";}
if (month == 8 && date >=23 || month == 9 && date <=22) {value = "室女座";}
if (month == 8 && date > 31) {value = "Yeah. Right.";}
if (month == 9 && date >=23 || month == 10 && date <=22) {value = "天秤座";}
if (month == 9 && date > 30) {value = "Try Again.";}
if (month == 10 && date >=23 || month == 11 && date <=21) {value = "天蝎座";}
if (month == 10 && date > 31) {value = "Forget it!";}
if (month == 11 && date >=22 || month == 12 && date <=21) {value = "人马座";}
if (month == 11 && date > 30) {value = "Invalid Date";}
if (month == 12 && date >=22 || month == 1 && date <=19) {value = "摩羯座";}
if (month == 12 && date > 31) {value = "No way!";}
}
x = (start - birthyear) % 12
with (document.zodiac.csign){
if (x == 1 || x == -11) {value = "老鼠";}
if (x == 0) {value = "牛";}
if (x == 11 || x == -1) {value = "老虎";}
if (x == 10 || x == -2) {value = "兔子";}
if (x == 9 || x == -3)  {value = "龙";}
if (x == 8 || x == -4)  {value ="蛇";}
if (x == 7 || x == -5)  {value = "马";}
if (x == 6 || x == -6)  {value = "羊";}
if (x == 5 || x == -7)  {value = "猴子";}
if (x == 4 || x == -8)  {value = "鸡";}
if (x == 3 || x == -9)  {value = "狗";}
if (x == 2 || x == -10)  {value = "猪";}  
}
}
//  End -->
</script>
<form name="zodiac">
<center>
<table bgcolor="#eeaa00" border="2" bordercolor="#000000" rules="none" cellspacing="0" cellpadding="4">
    <tr><td><b><i>出生年份</i></b></td>
    <td><div align="right"><input type="text" size="10" name="year" value="出生年份" onClick=value=""></div></td>
    <td><!--This empty field is just for appearance--></td>
    <tr><td><b><i>出生月份</i></b></td>
    <td><div align="right">
<select name="month">
<option value="x">请选择一个月份</option>
<option value="1">一月</option><option value="2">二月</option><option value="3">三月</option>
<option value="4">四月</option><option value="5">五月</option><option value="6">六月</option>
<option value="7">七月</option><option value="8">八月</option><option value="9">九月</option>
<option value="10">十月</option><option value="11">十一月</option>
<option value="12">十二月</option></select></div></td>
    <td><!--This empty field is just for appearance--></td></tr>
    <tr><td><b><i>天</i></b></td>
    <td><div align="right"><input type="text" name="date" value="天" size="3" onClick=value=""></td>
    <td><input type="button" value="计算一下" onClick="signs()"></div></td></tr>
    <tr><td><b><i>星座:</i></b></td>
    <td><div align="right"><input type="text" name="sign" size="12" value="" align="right"></div></td></tr>
    <td><!--This empty field is just for appearance--></td></tr>
    <tr><td><b><i>属相:</i></b></td>
    <td><div align="right"><input type="text" name="csign" size="12"></div></td>
    <td><!--This empty field is just for appearance--></td></tr>
</table>
</center>
</form>
Javascript 相关文章推荐
JS函数重载的解决方案
May 13 Javascript
jQuery实现获取table表格第一列值的方法
Mar 01 Javascript
JavaScript实现垂直滚动条效果
Jan 18 Javascript
微信小程序中顶部导航栏的实现代码
Mar 30 Javascript
js绑定事件和解绑事件
Apr 27 Javascript
Node.js对MongoDB数据库实现模糊查询的方法
May 03 Javascript
js分页之前端代码实现和请求处理
Aug 04 Javascript
jQuery中过滤器的基本用法示例
Oct 11 jQuery
vue滚动固定顶部及修改样式的实例代码
May 30 Javascript
vue动态子组件的两种实现方式
Sep 01 Javascript
解决Layui数据表格的宽高问题
Sep 28 Javascript
vue3.0自定义指令(drectives)知识点总结
Dec 27 Vue.js
javascript计算用户打开网页的停留时间
Jan 09 #Javascript
js中生成map对象的方法
Jan 09 #Javascript
js获取通过ajax返回的map型的JSONArray的方法
Jan 09 #Javascript
jQuery如何实现点击页面获得当前点击元素的id或其他信息
Jan 09 #Javascript
js获取select标签选中值的两种方式
Jan 09 #Javascript
jquery自定义函数的多种方法
Jan 09 #Javascript
jQuery动态添加、删除元素的方法
Jan 09 #Javascript
You might like
第二节 对象模型 [2]
2006/10/09 PHP
PHP面向对象分析设计的61条军规小结
2010/07/17 PHP
php+mysqli批量查询多张表数据的方法
2015/01/29 PHP
PHP使用标准库spl实现的观察者模式示例
2018/08/04 PHP
jQuery中与toggleClass等价的程序段 以及未来学习的方向
2010/03/18 Javascript
在多个页面使用同一个HTML片段的代码
2011/03/04 Javascript
formValidator3.3的ajaxValidator一些异常分析
2011/07/12 Javascript
jquery实现带复选框的表格行选中删除时高亮显示
2013/08/01 Javascript
jquery.Ajax()方法调用Asp.Net后台的方法解析
2014/02/13 Javascript
RequireJS入门一之实现第一个例子
2015/09/30 Javascript
解决WordPress使用CDN后博文无法评论的错误
2015/12/15 Javascript
详解Layer弹出层样式
2017/08/21 Javascript
vue项目中使用axios上传图片等文件操作
2017/11/02 Javascript
webpack写jquery插件的环境配置
2017/12/21 jQuery
在小程序中使用腾讯视频插件播放教程视频的方法
2018/07/10 Javascript
不得不知的ES6小技巧
2018/07/28 Javascript
React中使用async validator进行表单验证的实例代码
2018/08/17 Javascript
vue组件定义,全局、局部组件,配合模板及动态组件功能示例
2019/03/19 Javascript
vue element-ui之怎么封装一个自己的组件的详解
2019/05/20 Javascript
关于python的bottle框架跨域请求报错问题的处理方法
2017/03/19 Python
Windows下PyCharm安装图文教程
2018/08/27 Python
英国建筑用品在线:Building Supplies Online(BSO)
2018/04/30 全球购物
C#可否对内存进行直接的操作
2015/02/26 面试题
现代化办公人员工作的自我评价
2013/10/16 职场文书
土建资料员岗位职责
2014/01/04 职场文书
公务员政审个人鉴定
2014/02/25 职场文书
公司离职证明标准范本
2014/10/05 职场文书
2014财务年终工作总结
2014/12/08 职场文书
大学迎新生欢迎词
2015/09/29 职场文书
导游词之阳朔遇龙河
2019/12/16 职场文书
SQLServer2019 数据库的基本使用之图形化界面操作的实现
2021/04/08 SQL Server
原生JS封装vue Tab切换效果
2021/04/28 Vue.js
详解Python魔法方法之描述符类
2021/05/26 Python
关于python爬虫应用urllib库作用分析
2021/09/04 Python
AJAX实现省市县三级联动效果
2021/10/16 Javascript
MongoDB连接数据库并创建数据等使用方法
2021/11/27 MongoDB