JavaScript实例技巧精选(12)—计算星座与属相

时间:2022-09-20 23:34:45

>>点击这里下载完整html源码<<

这是截图:

JavaScript实例技巧精选(12)—计算星座与属相

核心代码如下:

  <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实例技巧精选(12)—计算星座与属相的更多相关文章

  1. Javascript实例技巧精选&lpar;8&rpar;—计算当月剩余天数

    >>点击这里下载完整html源码<< 截图如下: 利用Javascript在网页上计算当前月份的剩余天数,相应代码如下: <script language="J ...

  2. JavaScript实例技巧精选&lpar;13&rpar;—计算在网页上的停留时间

    >>点击这里下载完整html源码<< 这是截图: 核心代码如下: <SCRIPT LANGUAGE="JAVASCRIPT"> <!-- ...

  3. JavaScript实例技巧精选&lpar;14&rpar;—动态变化背景颜色

    >>点击这里下载完整html源码<< 这是截图: 网页背景颜色随时间变化,核心代码如下: <SCRIPT LANGUAGE="JavaScript"& ...

  4. JavaScript实例技巧精选&lpar;10&rpar;—计算器实例2

    >>点击这里下载完整html源码<< 这是截图: 利用Javascript和html实现的另一个计算器实例,核心代码如下: <script language=" ...

  5. JavaScript实例技巧精选&lpar;9&rpar;—计算器实例1

    >>点击这里下载完整html源码<< 这是截图: 利用Javascript和html实现的一个计算器实例,核心代码如下: <script language="J ...

  6. Javascript实例技巧精选&lpar;7&rpar;—设置和获取文本框与文本域的光标位置(兼容IE和Chrome&comma;Firefox)

    >>点击这里下载完整html源码<< 截图如下: 本实例描述了如何用Javascript来控制和获取文本框/文本域的鼠标光标位置,以下代码兼容IE和Chrome,Firefox ...

  7. Javascript实例技巧精选&lpar;6&rpar;—滚动鼠标中键读取Json数据分页显示网页内容

    >>点击这里下载完整html源码<< 截图如下: 滚动鼠标中键读取Json数据分页显示网页内容,关键的Javascript如下: <script type="t ...

  8. JavaScript实例技巧精选&lpar;11&rpar;—计算器实例3

    >>点击这里下载完整html源码<< 界面如下 将以下代码插入<body></body>中 <FORM NAME="Calc" ...

  9. 12个非常实用的JavaScript小技巧

    在这篇文章中将给大家分享12个有关于JavaScript的小技巧.这些小技巧可能在你的实际工作中或许能帮助你解决一些问题. 使用!!操作符转换布尔值 有时候我们需要对一个变量查检其是否存在或者检查值是 ...

随机推荐

  1. 关于Java中的继承和组合的一个错误使用的例子

    [TOC] 关于Java中的继承和组合的一个错误使用的例子 相信绝大多数人都比较熟悉Java中的「继承」和「组合」这两个东西,本篇文章就主要就这两个话题谈论一下.如果我某些地方写的不对,或者比较幼稚, ...

  2. delphi Components&lbrack;i&rsqb;清除所有edit控件中的内容

    (* 一般的清空combobox方法 combobox1.clear; ... combobox9.clear; *)   procedure TForm1.Button1Click(Sender: ...

  3. &lpar;转&rpar;IDG副总裁楼军:*VC青睐什么样的创业者

    学习能力是创业者的第一能力 创业者首先要有格局观和很强的学习能力. 具体什么意思?比如说去年IDG投了一个做C2C平台的海淘项目,创始人之前其实是帮他爱人做海淘代购.他爱人是一个代购买手,赚得还不错, ...

  4. Java NIO 转载

    原文:http://www.iteye.com/magazines/132-Java-NIO  Java NIO 系列教程 2014-04-28  编辑 wangguo 评论(71条) 有204256 ...

  5. 利用while语句&comma;条件为输入的字符不为&&num;39&semi;&bsol;n&&num;39&semi;&period;

    题目:输入一行字符,分别统计出其中英文字母.空格.数字和其它字符的个数. 1.程序分析:利用while语句,条件为输入的字符不为'\n'. 一个很简单的问题,其实换种方式就能完成,但是我就想怎么着才能 ...

  6. selenium &plus; robotframework的运行原理

    1.点击ride界面启动用例执行时,首先会调用脚本 2.打开pybot脚本查看内容. 3.打开robot包下面的run文件,我们可以看到信息 run文件内容 程序启动的入口, sys.agv所表达的含 ...

  7. es6中箭头函数 注意点

    var aaabbb = 'kkkooo' setTimeout(()=>{ var aaaa = 'kkkk'; console.log(this) },1000); 因为据我了解,箭头函数指 ...

  8. Codeforces 804D Expected diameter of a tree

    D. Expected diameter of a tree time limit per test 3 seconds memory limit per test 256 megabytes inp ...

  9. caffe与MATLAB连接踩的坑

    刚来公司用的服务器,分配给自己账号,安装了caffe,配好了Makefile.config中的MATLAB dir. 之后问题来了 解决方法: 在Makefile里面,大约第410行那一句话CXXFL ...

  10. 【数据库】MySQL 复制表结构

    介绍 有时候我们需要原封不动的复制一张表的表结构来生成一张新表,MYSQL提供了两种便捷的方法. 例: CREATE TABLE tb_base( id INT NOT NULL PRIMARY KE ...