1、源码

<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title>星座属相</title><style type="text/css">table{width: 400px;height: 300px;background-color: gold;font: normal bolder 14px  "微软雅黑";border: 2px dashed black;}button{font: normal bolder 14px  "微软雅黑";}</style><script type="text/javascript" language="JavaScript">function clk(){var year = document.getElementById("year");  var year1 = Number(year.value);year1 = year1 % 12;var month = document.getElementById("month");var month1 = Number(month.value);var day = document.getElementById("day");var day1 = Number(day.value);function a(month1,day1){                     var xingzuo = ["魔羯座","水瓶座", "双鱼座", "牡羊座", "金牛座", "双子座", "巨蟹座", "狮子座", "处女座", "天秤座", "天蝎座", "射手座" ];   var month22 = [22, 20, 19, 21, 21, 21, 22, 23, 23, 23, 23, 22];  // 两个星座分割日var index = month1;// 所查询日期在分割日之前,索引-1,否则不变if (day1 < month22[month1 - 1]) {index = index - 1;}// 返回索引指向的星座stringreturn xingzuo[index];}//               document.write(a(month1,day1))xingzuo.value = a(month1,day1);switch(year1){case 1:shengxiao.value = '鸡';break;case 2:shengxiao.value = '狗';break;case 3:shengxiao.value = '猪';break;case 4:shengxiao.value = '鼠';break;case 5:shengxiao.value = '牛';break;case 6:shengxiao.value = '虎';break;case 7:shengxiao.value = '兔';break;case 8:shengxiao.value = '龙';break;case 9:shengxiao.value = '蛇';break;case 10:shengxiao.value = '马';break;case 11:shengxiao.value = '羊';break;case 0:shengxiao.value = '候';break;}}</script></head><body><table><tr><td>出生年份:<input type="text" name="year" id="year" /></td>              </tr><tr><td>出生月份:<input type="text" id="month"  name="month"/></td>              </tr><tr><td>出生日:<input type="text" id="day" name="day"/></td>    <td><button type="button" onclick="clk()">计算一下</button></td></tr><tr><td>星座:<input type="text" id="xingzuo" name="xingzuo"/></td>               </tr><tr><td>属相:<input type="text" id="shengxiao" name="shengxiao" /></td>                </tr></table></body>
</html>

2、效果展示

1、输入

2、计算显示结果

Js 根据输入出生日期 计算返回星座和属相相关推荐

  1. 输入出生日期计算年龄小程序

    import java.text.ParseException; import java.text.SimpleDateFormat; import java.util.Date; import ja ...

  2. js方法-通过出生日期计算出当前年龄

    /** * 通过出生日期获取当前年龄 * @param strBirthday:指的是出生日期,格式为"1990-01-01",字符串类型 */ function getCurre ...

  3. python丨输入出生日期计算自己年龄

    输入你的出生日期(含有年月日),取系统时间,计算自己的年龄,不满一年的输出天数. 要求输出形式为:我出生在****年**月**日,星期*,现在**岁**天了 from datetime import ...

  4. 2020-09-02 html的RGB与CMYK + css的grid布局 + JS的输入类型选择器返回DOM元素 + 软技能的http3

    2020-09-02 题目来源:http://www.h-camel.com/index.html [html] HTML采用的是RGB颜色还是CMYK颜色?为什么? RGB色彩模式,红绿蓝三原色. ...

  5. java判断星座if语句_Java根据出生日期计算(判断)星座

    Java根据出生日期计算(判断)星座 下面我们来了解一下十二星座对应的日期划分范围. 白羊:0321~0420 天秤:0924~1023 金牛:0421~0521 天蝎:1024~1122 双子:05 ...

  6. html输入日期算出星座,java输入日期计算星座

    java输入日期计算星座 [2021-01-31 12:59:06]  简介: php去除nbsp的方法:首先创建一个PHP代码示例文件:然后通过"preg_replace("/( ...

  7. js根据出生日期 计算岁数

    @ js根据出生日期 计算岁数 <!DOCTYPE html> <html lang="en"><head><meta charset=& ...

  8. JS 根据出生日期计算岁、月、天;根据岁、月、天计算出生日期。

    效果视频: JS 根据出生日期计算岁.月.天:根据岁.月.天计算出生日期 表单代码: <a-col :span="12"><a-form-model-item l ...

  9. 根据输入的出生日期计算到今天之间的天数

    import java.time.LocalDate; import java.time.Period; import java.time.format.DateTimeFormatter; impo ...

最新文章

  1. uniapp中radio颜色渐变
  2. tcp连接探测Keepalive和心跳包
  3. 201029阶段二Linux动态库、makefile
  4. 【转】Linux终端下 dstat 监控工具
  5. Java 读取excl
  6. win7装oracle 11g 问题
  7. ASP.NET Session 的详细解释
  8. ant里面table嵌套子表格_ElementUI el-table行内编辑验证,动态增减行
  9. PostgreSQL数据库中跨库访问解决方案
  10. 原生 JS 撸一个轮播图(支持拖拽切屏)
  11. QCC300x学习笔记:自定义一个GATT client
  12. EEG有效连接工具包SIFT的介绍与安装
  13. linux的led驱动的实验总结,linux设备驱动归纳总结(五):4.写个简单的LED驱动
  14. 李宏毅nlp学习笔记10:QA(Question answering)
  15. 微信小程序--引用第三方组件
  16. 一万块人民币钱做本钱,如何在一年内合法赚一亿元?
  17. 彻底关闭win10更新自动更新 卸载win10自带杀毒软件 新增联想软件 lenovo quick fix
  18. 在Unity中使用四叉树算法绘制地形
  19. python 创建和使用字典
  20. 展示一下基于flask框架的网页播放器的代码

热门文章

  1. android自带拍照软件调用
  2. 哈工大C语言程序设计精髓-拆分英文名
  3. 使用python计算excel表格A列有多少行
  4. IIFL的完整形式是什么?
  5. crontab 每天凌晨12点定时器_梦幻西游:梦幻西游冷知识,每天中午12点,哪个NPC最火?...
  6. 正则表达式:一张图入门级了解正则表达式
  7. Google IO ——饭后小菜
  8. 节日不要随便发祝福短信--有感于11.1.11
  9. 现在主流单片机都有哪些
  10. 蓝桥杯 2017试题I 分巧克力(二分求解)