前端设计-日职网络教学平台

前端设计
侯素玲

1

2

3

4

5

6

7

发布时间：2024-01-28 21:52 发布人：侯素玲浏览次数：426

学习任务

根据出生年份，查询生肖。通过本实例，可以学习数组的使用。

观看视频

视频概要

数组是使用单独的变量名来存储一系列的值。

1.创建数组

2.访问数组元素

3.遍历数组：for循环或for...in

4.获取数组中元素的最大值

5.筛选数组元素

6.删除指定的数组元素

7.反转数组元素

课件下载

数组课件

参考代码

<body>

<h2>请输入出生年份（4位数）</h2>

</div>

function animalSign() {

var year = document.getElementById('inputyear').value; //获取到输入的值

var animal = document.querySelector('.animal');

var animals = ['猴', '鸡', '狗', '猪', '鼠', '牛', '虎', '兔', '龙', '蛇', '马', '羊'];

//数组,大家考虑一下，为什么把猴放在第一个位置

var animalSign = animals[year % 12];

animal.innerHTML = `生肖${animalSign}`;

}

</script>

</body>

+添加讨论