Update and rename arrayToHtmlList.md to arrayToHTMLList.md

snippets/arrayToHTMLList.md

@@ -0,0 +1,19 @@
+---
+title: arrayToHTMLList
+tags: browser,array,intermediate
+---
+
+Converts the given array elements into `<li>` tags and appends them to the list of the given id.
+
+- Use `Array.prototype.map()` and `document.querySelector()` to create a list of html tags.
+
+```js
+const arrayToHTMLList = (arr, listID) => 
+  document.querySelector(`#${listID}`).innerHTML += arr
+    .map(item => `<li>${item}</li>`)
+    .join('');
+```
+
+```js
+arrayToHTMLList(['item 1', 'item 2'], 'myListID');
+```