andre/30-seconds-of-code
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Update and rename arrayToHtmlList.md to arrayToHTMLList.md

Browse Source
This commit is contained in:
Isabelle Viktoria Maciohsek
2020-10-08 00:02:45 +03:00
committed by GitHub
parent b55a5e26c7
commit 7f95bbb8f3
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
snippets/arrayToHtmlList.md → snippets/arrayToHTMLList.md
View File

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