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、效果圖