应用要求: 通过用户输入出生年月日,来判断用户的星座,给出一个结论 提示: 将功能开发成为一个独立的js文件,并通过html页面加载,运行。
时间: 2023-05-25 20:02:44 浏览: 116
下面是实现该应用的独立的js文件代码,可以在html页面中引用并调用:
```javascript
function getConstellation(month, day) {
// 判断星座
if ((month == 1 && day >= 20) || (month == 2 && day <= 18)) {
return "水瓶座";
} else if ((month == 2 && day >= 19) || (month == 3 && day <= 20)) {
return "双鱼座";
} else if ((month == 3 && day >= 21) || (month == 4 && day <= 19)) {
return "白羊座";
} else if ((month == 4 && day >= 20) || (month == 5 && day <= 20)) {
return "金牛座";
} else if ((month == 5 && day >= 21) || (month == 6 && day <= 21)) {
return "双子座";
} else if ((month == 6 && day >= 22) || (month == 7 && day <= 22)) {
return "巨蟹座";
} else if ((month == 7 && day >= 23) || (month == 8 && day <= 22)) {
return "狮子座";
} else if ((month == 8 && day >= 23) || (month == 9 && day <= 22)) {
return "处女座";
} else if ((month == 9 && day >= 23) || (month == 10 && day <= 22)) {
return "天秤座";
} else if ((month == 10 && day >= 23) || (month == 11 && day <= 21)) {
return "天蝎座";
} else if ((month == 11 && day >= 22) || (month == 12 && day <= 21)) {
return "射手座";
} else if ((month == 12 && day >= 22) || (month == 1 && day <= 19)) {
return "摩羯座";
}
}
// 根据用户输入的年月日获取星座
function getConstellationByBirthday() {
// 获取用户输入的年月日
var year = parseInt(document.getElementById("year").value);
var month = parseInt(document.getElementById("month").value);
var day = parseInt(document.getElementById("day").value);
// 判断输入是否合法
if (isNaN(year) || isNaN(month) || isNaN(day)) {
alert("请输入正确的出生日期!");
return;
}
// 判断月份是否在合法范围
if (month < 1 || month > 12) {
alert("请输入正确的月份!");
return;
}
// 判断天数是否在合法范围
var maxDay = new Date(year, month, 0).getDate();
if (day < 1 || day > maxDay) {
alert("请输入正确的日期!");
return;
}
// 获取星座并输出结果
var constellation = getConstellation(month, day);
var result = "您的星座是:" + constellation;
alert(result);
}
```
然后在html页面中引用该js文件,并在页面中添加用户输入生日的表单和按钮,代码如下:
```html
<!DOCTYPE html>
<html>
<head>
<title>星座查询</title>
<meta charset="utf-8">
<script src="constellation.js"></script>
</head>
<body>
<h2>星座查询</h2>
<form>
<p>出生年份:<input type="text" id="year"></p>
<p>出生月份:<input type="text" id="month"></p>
<p>出生日期:<input type="text" id="day"></p>
<input type="button" value="查询" onclick="getConstellationByBirthday()">
</form>
</body>
</html>
```
当用户输入生日并点击查询按钮时,会根据输入的生日计算星座,并弹出提示框显示结果。
阅读全文