简单利用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的同学们解决问题,还请给博主一个赞来鼓励一下博主呀!!!