1、html 代码
<div>
出生年份:<input type="text" id="year"><br>
出生月份:<input type="text" id="month"><br>
出生日期:<input type="text" id="day"><br>
生肖:<input type="text" id="sheng"><br>
星座:<input type="text" id="xing"><br>
<button onclick="calculater()">计算一下</button>
</div>
2、Js 代码
function calculater(){
//计算出生肖
var year = document.getElementById("year").value;
var arr1 = ['猴', '鸡', '狗', '猪', '鼠', '牛', '虎', '兔', '龙', '蛇', '马', '羊'];
var result1 = /^\d{4}$/.test(year) ? arr1[year % 12] : false;;
document.getElementById("sheng").value = result1;
//计算出星座
var month = document.getElementById("month").value;
var day = document.getElementById("day").value;
var s = "魔羯水瓶双鱼牡羊金牛双子巨蟹狮子处女天秤天蝎射手魔羯";
var arr2 = [20,19,21,21,21,22,23,23,23,23,22,22];
var result2 = s.substr(month*2-(day<arr2[month-1]?2:0),2);
document.getElementById("xing").value = result2;
}
3、效果图