“`>
<label for=”birth-year”>请输入出生年份:</label>putame=”birth-year”>it>>
2. 接下来,大家需要添加一些JavaScript代码,用于计算用户的属相和星座。代码如下:
<script>ction calculate() {ententById(“birth-year”).value;
var zodiacs = [“猴”, “鸡”, “狗”, “猪”, “鼠”, “牛”, “虎”, “兔”, “龙”, “蛇”, “马”, “羊”];dex = (year – 4) % 12;dex];stellations = [“水瓶座”, “双鱼座”, “白羊座”, “金牛座”, “双子座”, “巨蟹座”, “狮子座”, “处女座”, “天秤座”, “天蝎座”, “射手座”, “摩羯座”];stellationIndex = ((year % 100) – 4) % 12;stellationstellationsstellationIndex];stellation);
}enttListeneritctiont) {ttDefault();
calculate();
});
</script>
3. 最后,大家将查询结果显示在页面上。代码如下:
<div id=”result”></div>
修改calculate函数,将结果显示在这个div中:
“`ction calculate() {ententById(“birth-year”).value;
var zodiacs = [“猴”, “鸡”, “狗”, “猪”, “鼠”, “牛”, “虎”, “兔”, “龙”, “蛇”, “马”, “羊”];dex = (year – 4) % 12;dex];stellations = [“水瓶座”, “双鱼座”, “白羊座”, “金牛座”, “双子座”, “巨蟹座”, “狮子座”, “处女座”, “天秤座”, “天蝎座”, “射手座”, “摩羯座”];stellationIndex = ((year % 100) – 4) % 12;stellationstellationsstellationIndex];ententByIdnerHTMLstellation;
至此,大家已经完成了一个简单的属相星座查询页面。用户输入出生年份,点击查询按钮后,页面会显示用户的属相和星座。