关闭

javascript-第二节-星座查询

286人阅读 评论(0) 收藏 举报
分类:
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>星座判断</title>
</head>
<body>
2.实现星座的判断<br/>
输入 生日的月份日期,判断星座,<br/>
并且提示你是 xx星座<br/>
思考(并显示星座图片)<br/><br/>

输入月:<input type="text" id="month"><br/>
输入日:<input type="text" id="day" ><br/>
<input type="button" value="计算" onclick="fun1()">
<div id="main"></div>
<script>
    function fun1(){
        var m=document.getElementById("month").value;
        var d=document.getElementById("day").value;
        //水瓶座1.20-2.18
        if(m==1){
            if(d>=20&&d<=31){
                document.write("<img src='image/shuiping.jpg'>");
            }
        }
        if(m==2){
            if(d>=1&&d<=18){
                document.write("<img src='image/shuiping.jpg'>");
            }
        }
        //双鱼座2.19-3.20
        if(m==2){
            if(d>=19&&d<=31){
                document.write("<img src='image/shuangyu.jpg'>");
            }
        }
        if(m==3){
            if(d>=1&&d<=20){
                document.write("<img src='image/shuangyu.jpg'>");
            }
        }

        // 白羊座3.21-4.19
        if(m==3){
            if(d>=21&&d<=31){
                document.write("<img src='image/baiyang.jpg'>");
            }
        }
        if(m==4){
            if(d>=1&&d<=19){
                document.write("<img src='image/baiyang.jpg'>");
            }
        }

        //金牛座4.20-5.20
        if(m==4){
            if(d>=20&&d<=31){
                document.write("<img src='image/jinniu.jpg'>");
            }
        }
        if(m==5){
            if(d>=1&&d<=20){
                document.write("<img src='image/jinniu.jpg'>");
            }
        }

        //双子座5.21-6.21
        if(m==5){
            if(d>=21&&d<=31){
                document.write("<img src='image/shuangzi.jpg'>");
            }
        }
        if(m==6){
            if(d>=1&&d<=21){
                document.write("<img src='image/shuangzi.jpg'>");
            }
        }

        //巨蟹座6.22-7.22
        if(m==6){
            if(d>=22&&d<=31){
                document.write("<img src='image/juxie.jpg'>");
            }
        }
        if(m==7){
            if(d>=1&&d<=22){
                document.write("<img src='image/juxie.jpg'>");
            }
        }

        //狮子座7.23-8.22
        if(m==7){
            if(d>=23&&d<=31){
                document.write("<img src='image/shizi.jpg'>");
            }
        }
        if(m==8){
            if(d>=1&&d<=22){
                document.write("<img src='image/juxie.jpg'>");
            }
        }

        //处女座8.23-9.22
        if(m==8){
            if(d>=23&&d<=31){
                document.write("<img src='image/chunv.jpg'>");
            }
        }
        if(m==9){
            if(d>=1&&d<=22){
                document.write("<img src='image/chunv.jpg'>");
            }
        }

        //天枰座9.23-10.23
        if(m==9){
            if(d>=23&&d<=31){
                document.write("<img src='image/tianping.jpg'>");
            }
        }
        if(m==10){
            if(d>=1&&d<=23){
                document.write("<img src='image/tianping.jpg'>");
            }
        }

        //天蝎座10.24-11.22
        if(m==10){
            if(d>=24&&d<=31){
                document.write("<img src='image/tianxie.jpg'>");
            }
        }
        if(m==11){
            if(d>=1&&d<=22){
                document.write("<img src='image/tianxie.jpg'>");
            }
        }

        //射手座11.23-12.21
        if(m==11){
            if(d>=23&&d<=31){
                document.write("<img src='image/sheshou.jpg'>");
            }
        }
        if(m==12){
            if(d>=1&&d<=21){
                document.write("<img src='image/sheshou.jpg'>");
            }
        }

        //摩羯座12.22-1.19
        if(m==12){
            if(d>=22&&d<=31){
                document.write("<img src='image/mojie.jpg'>");
            }
        }
        if(m==1){
            if(d>=1&&d<=19){
                document.write("<img src='image/mojie.jpg'>");
            }
        }

    }
</script>
</body>
</html>

0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:57813次
    • 积分:1448
    • 等级:
    • 排名:千里之外
    • 原创:88篇
    • 转载:16篇
    • 译文:0篇
    • 评论:2条