首页 >

属相星座查询html代码(编写属相星座查询页面的html代码) |html点击页面后页面刷新

属相星座查询html代码(编写属相星座查询页面的html代码) |html点击页面后页面刷新

“`>

<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;

至此,大家已经完成了一个简单的属相星座查询页面。用户输入出生年份,点击查询按钮后,页面会显示用户的属相和星座。


属相星座查询html代码(编写属相星座查询页面的html代码) |html点击页面后页面刷新
  • HTML背景设置颜色,你不知道的3个小方法 |word转html ios 可编辑器
  • HTML背景设置颜色,你不知道的3个小方法 |word转html ios 可编辑器 | HTML背景设置颜色,你不知道的3个小方法 |word转html ios 可编辑器 ...

    属相星座查询html代码(编写属相星座查询页面的html代码) |html点击页面后页面刷新
  • 如何使用summernote设置HTML(详细步骤及注意事项) |python gtkhtml2
  • 如何使用summernote设置HTML(详细步骤及注意事项) |python gtkhtml2 | 如何使用summernote设置HTML(详细步骤及注意事项) |python gtkhtml2 ...

    属相星座查询html代码(编写属相星座查询页面的html代码) |html点击页面后页面刷新
  • 怎么建设html网站(从零开始学习html网站建设) |html文字行内居中对齐
  • 怎么建设html网站(从零开始学习html网站建设) |html文字行内居中对齐 | 怎么建设html网站(从零开始学习html网站建设) |html文字行内居中对齐 ...