利用js制造一个星座查询的效果

简单利用if语句制作一个星座查询的效果

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <span>请输入月份：</span><input type="text" name="" id="one">
    <span>请输入天：</span><input type="text" name="" id="two">
    <button id="but">点击查询</button>
</body>
<script>
    var month = document.getElementById('one');
    var day = document.getElementById('two');
    var but = document.getElementById('but');
    but.onclick = function() {
        var a = month.value;
        var b = day.value;
        if (a == 1) {
            if (b <= 19 && b >= 1) {
                alert('摩羯座');
            } else if (b <= 31 && b > 19) {
                alert('水瓶座');
            } else {
                alert('您不该出生在这一天');
            }
        }

        if (a == 2) {
            if (b <= 18 && b >= 1) {
                alert('水瓶座');
            } else if (b <= 29 && b > 18) {
                alert('双鱼座');
            } else {
                alert('您不该出生在这一天');
            }
        }

        if (a == 3) {
            if (b <= 20 && b >= 1) {
                alert('双鱼座');
            } else if (b <= 31 && b > 20) {
                alert('白羊座');
            } else {
                alert('您不该出生在这一天');
            }
        }

        if (a == 4) {
            if (b <= 19 && b >= 1) {
                alert('白羊座');
            } else if (b <= 30 && b > 19) {
                alert('金牛座');
            } else {
                alert('您不该出生在这一天');
            }
        }

        if (a == 5) {
            if (b <= 20 && b >= 1) {
                alert('金牛座');
            } else if (b <= 31 && b > 20) {
                alert('双子座');
            } else {
                alert('您不该出生在这一天');
            }
        }

        if (a == 6) {
            if (b <= 21 && b >= 1) {
                alert('双子座');
            } else if (b <= 30 && b > 21) {
                alert('巨蟹座');
            } else {
                alert('您不该出生在这一天');
            }
        }

        if (a == 7) {
            if (b <= 22 && b >= 1) {
                alert('巨蟹座');
            } else if (b <= 31 && b > 22) {
                alert('狮子座');
            } else {
                alert('您不该出生在这一天');
            }

        }
        if (a == 8) {
            if (b <= 22 && b >= 1) {
                alert('狮子座');
            } else if (b <= 31 && b > 22) {
                alert('处女座');
            } else {
                alert('您不该出生在这一天');
            }
        }

        if (a == 9) {
            if (b <= 22 && b >= 1) {
                alert('处女座');
            } else if (b <= 30 && b > 22) {
                alert('天秤座');
            } else {
                alert('您不该出生在这一天');
            }
        }

        if (a == 10) {
            if (b <= 23 && b >= 1) {
                alert('天秤座');
            } else if (b <= 31 && b > 23) {
                alert('天蝎座');
            } else {
                alert('您不该出生在这一天');
            }
        }

        if (a == 11) {
            if (b <= 22 && b >= 1) {
                alert('天蝎座');
            } else if (b <= 30 && b > 22) {
                alert('射手座');
            } else {
                alert('您不该出生在这一天');
            }
        }

        if (a == 12) {
            if (b <= 21 && b >= 1) {
                alert('射手座');
            } else if (b <= 31 && b > 21) {
                alert('摩羯座');
            } else {
                alert('您不该出生在这一天');
            }
        }

    }
</script>

</html>
如果能够帮刚开始学习js的同学们解决问题，还请给博主一个赞来鼓励一下博主呀！！！
利用js制造一个星座查询的效果

猜你喜欢
