arrayToHtmlList.md

title	tags	author_title	author_url	author_image_url	description	image
arrayToHtmlList	browser,array,intermediate	Deepak Vishwakarma	https://github.com/deepakshrma	https://avatars2.githubusercontent.com/u/7682731?s=400	Implementation of "arrayToHtmlList" in typescript, javascript and deno.	https://www.positronx.io/wp-content/uploads/2018/11/positronx-banner-1152-1.jpg

Converts the given array elements into <li> tags and appends them to the list of the given id.

Use Array.prototype.map(), document.querySelector(), and an anonymous inner closure to create a list of html tags.

const arrayToHtmlList = (arr: (string | number)[], listID: string) => {
  let el = document.querySelector("#" + listID);
  if (el) {
    el.innerHTML += arr.map((item) => `<li>${item}</li>`).join("");
  }
};

arrayToHtmlList(["item 1", "item 2"], "myListID"); // <li>item1</li><li>item2</li>