测试你的技能：函数

以下的一些问题需要您编写一些 DOM 操作代码来完成 - 例如创建新的 HTML 元素，将其文本内容设置为等于特定字符串值，以及将它们嵌套在页面上现有的元素内 - 所有这些都通过 JavaScript 完成。

我们还没有在本课程中明确教授过这一点，但您会看到一些使用它的示例，我们希望您能对成功回答问题所需的 DOM API 进行一些研究。一个好的起点是我们的 操作文档 教程。

对于第一个任务，您必须创建一个简单的函数 - chooseName() - 从提供的数组 (names) 中打印一个随机名称到提供的段落 (para)，然后运行一次。

尝试更新下面的实时代码以重新创建完成的示例

对于我们的第二个与函数相关的任务，您需要创建一个函数，该函数根据五个提供的输入变量在提供的 <canvas>（引用变量 canvas，上下文在 ctx 中可用）上绘制一个矩形

• x - 矩形的 x 坐标。
• y - 矩形的 y 坐标。
• width - 矩形的宽度。
• height - 矩形的高度。
• color - 矩形的颜色。

在绘制之前，您需要清除画布，以便在实时版本的情况下更新代码时，不会在彼此之上绘制大量矩形。

尝试更新下面的实时代码以重新创建完成的示例

在此任务中，您将回到任务 1 中提出的问题，目的是对其进行改进。我们希望您进行的三项改进是

1. 将生成随机数的代码重构到一个名为 random() 的单独函数中，该函数将两个泛型边界作为参数（随机数应该介于这两个边界之间），并返回结果。
2. 更新 chooseName() 函数，使其使用随机数函数，将要从中选择的数组作为参数（使其更灵活），并返回结果。
3. 将返回的结果打印到段落 (para) 的 textContent 中。

尝试更新下面的实时代码以重新创建完成的示例

在此任务中，我们有一个名称数组，我们使用 Array.filter() 获取仅包含小于 5 个字符的名称的数组。过滤器当前正在传递一个名为 isShort() 的命名函数，该函数检查名称的长度，如果名称长度小于 5 个字符，则返回 true，否则返回 false。

我们希望您将其更改为箭头函数。看看您能将其压缩到多小。