张新丁

WEB前端工程师/PHP工程师-技术笔记

javascript-第二节-星座查询

<!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>

阅读更多
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/u012054869/article/details/51559732
上一篇javascript-第二节-if语句、循环语句
下一篇javascript-第三节-数组
想对作者说点什么? 我来说一句

星座查询android源代码

2014年09月11日 48KB 下载

没有更多推荐了,返回首页

关闭
关闭