測試你的技能：函式

以下的一些問題需要您編寫一些 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。

我們希望您將其更改為箭頭函式。看看您能將其壓縮到多小。