javascript--星座查询

桃扇骨 2022-08-22 15:28 213阅读 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>