专栏首页农历七月廿一写一个计算属相的web小程序

写一个计算属相的web小程序

没事的时候写了个计算属相的小程序,觉得很好玩。

效果预览:

代码:

<!DOCTYPE html>
<html lang="en">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<HEAD>
<TITLE>十二生肖</TITLE>
</HEAD>
<BODY bgcolor="#fef4d2" >
<br><br>
<center>
<h2>十二生肖</h2>
<hr width=300>
<br><br>
<script language=JavaScript>
function GetBirthYear () {
  var birthpet=" 丑牛"
  x = (1997 - document.frm.inyear.value) % 12
		if ((x == 1) || (x == -11)) { birthpet=" 子鼠" }
		else {
		if (x == 0) { birthpet=" 丑牛" }
		else {
		if ((x == 11) || (x == -1)) {birthpet=" 寅虎" }
		else {
		if ((x == 10) || (x == -2)) {birthpet=" 卯兔" }
		else {
		if ((x == 9) || (x == -3)) {birthpet=" 辰龙" }
		else {
		if ((x == 8) || (x == -4)) { birthpet=" 巳蛇" }
		else {
		if ((x == 7) || (x == -5)) { birthpet=" 午马" }
		else {
		if ((x == 6) || (x == -6)) { birthpet=" 未羊" }
		else {
		if ((x == 5) || (x == -7)) {birthpet=" 申猴" }
		else {
		if ((x == 4) || (x == -8)) {birthpet=" 酉鸡" }
		else {
		if ((x == 3) || (x == -9)) {birthpet=" 戌狗" }
		else {
		if ((x == 2) || (x == -10)) {birthpet=" 亥猪" } }}}}}}}}}}}
        document.frm.birth.value = birthpet;
}

</script>
<form NAME="frm">
  请输入您的出生年份:<br><br>
<!-- 在此能够设置文本框的列长度和初始值 -->
  <input TYPE="text" size=5 NAME="inyear" value=" 1994"> 
  <input TYPE="button" VALUE="属相" onClick="GetBirthYear()">
  <input TYPE="text" SIZE=5 NAME="birth" readonly="true" value="戌狗"> 
</form> 

</BODY>

</HTML>

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • vue+element踩坑记-动态设置表头(以时间作为表头)

    我们都知道element提供了table的组件,非常的好用,前面我也写过一些,但是这次的需求是这样的,就是用户可以自己选择时间,自己选择天数,选择以后呢就可以直...

    何处锦绣不灰堆
  • SourceCount代码统计工具使用

    一个项目做完以后一般都会将代码的行数统计一下,这样可以和时间对比可以看出程序员的效率问题, 很多的公司都会做这件事,当然我本人是排斥的,毕竟一个项目的难易程度很...

    何处锦绣不灰堆
  • 目前比较火的前端框架及UI组件

    看到的一篇总结性的文章,收藏一下,感兴趣的可以自己看看,哪些是已经会的,哪些是没听说过的,哪些是一知半解的,都可以稍微看看。

    何处锦绣不灰堆
  • 1078 字符串压缩与解压 (20 分)

    版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。

    韩旭051
  • 用于查询的日期类型转换帮助类

    本文转载:http://www.cnblogs.com/iamlilinfeng/p/3378659.html

    跟着阿笨一起玩NET
  • Spring高频面试题:如何解决循环依赖问题!

    那Spring到底是如何解决的setter方法依赖注入引起的循环依赖问题呢?请看下图(其实主要是通过两个缓存来解决的):

    会呼吸的Coder
  • Spring高频面试题:如何解决循环依赖问题!

    那Spring到底是如何解决的setter方法依赖注入引起的循环依赖问题呢?请看下图(其实主要是通过两个缓存来解决的):

    业余草
  • dijkstra算法python实现

    py3study
  • (2019)[前端]面试题[3]:三大定位,相对定位放在固定定位产生什么影响?

    1、设置父元素为固定定位,不设置高度,内部child设置高度和宽度,根据BFC内部box垂直排列的特征:

    无道
  • 关键时刻(MOT)的ABC(附思维导图)

    简单来讲,关键时刻(MOT)的核心是“通过服务为客户创造价值”的过程。其中为了理解这个过程,需要很好地理解以下名词的定义:

    TeacherWhat

扫码关注云+社区

领取腾讯云代金券