Skip to main content

arrayToHtmlList

TS JS Deno

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.

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