JavaScriptでの配列からの要素作成

ある配列があるとします：

javascriptlet arr = [1, 2, 3, 4, 5];

また、ある親要素があるとします：

html<div id="parent"></div>

配列の要素をテキストとする新しい段落を、 この親要素に追加してみましょう。

上記を実装します：

javascriptlet parent = document.querySelector('#parent');

let arr = [1, 2, 3, 4, 5];

for (let elem of arr) {
  let p = document.createElement('p');
  p.textContent = elem;
  
  parent.appendChild(p);
}