定义一个数组，存储10,20,30,40,50这几个数字，计算该数组存储所有内容的平均值，在页面输出。 观察：如果上面的数组再增加元素，在索引为9的位置存储100，计算该数组存储所有内容的平均值，在页面输出是什么结果，为什么？

首先，我们可以创建一个简单的JavaScript数组并计算它的平均值。以下是如何定义数组、添加元素以及计算平均值的过程：

// 定义数组
let numbers = [10, 20, 30, 40, 50];

// 计算平均值
function calculateAverage(array) {
  let sum = array.reduce((accumulator, current) => accumulator + current, 0);
  return sum / array.length;
}

// 输出平均值到页面
document.getElementById("average").innerText = calculateAverage(numbers);

// 如果数组增加新元素（索引为9）
numbers[9] = 100;

// 再次计算新的平均值
const newAverage = calculateAverage(numbers);
// 更新页面上的输出
document.getElementById("average").innerText = newAverage;

现在，当你在数组的第9个位置插入100之后，平均值会变为 `(10 + 20 + 30 + 40 + 50 + 100) / 6`，因为总共有6个元素了。

运行这段代码后，平均值将是 `41.67`。这是因为在原有的五个数上增加了100的结果。

如果你想知道具体的计算过程，可以查看`calculateAverage()`函数如何对数组求和，然后除以元素数量得到平均值。