@w3f/utm-element/src/utils/list-links.js

Web components and functions for UTM parameters data manipulation.

class ListLinks extends HTMLElement {
  constructor() {
    super()
    const $links = this.querySelectorAll('list-links-item')
    this.links = Object.keys($links).map(i => $links[i].getAttribute('href'))
  }
  connectedCallback() {
    this.render()
  }
  render() {
    if (!this.links || !this.links.length) return

    const $ul = document.createElement('ul')

    this.links.forEach(link => {
      const $li = document.createElement('li')
      const $a = document.createElement('a')
      $a.href = link
      $a.innerText = link
      $li.append($a)
      $ul.append($li)
    })

    this.append($ul)
  }
}

export default ListLinks