script.js

async () => {

  document.addEventListener('click', function (event) {
    let tagItem = event.target.closest('.m5dd_list')
    let resultArea = event.target.closest('#m5dd_result')
    if (tagItem) {
      if (tagItem.classList.contains('use')) {
        tagItem.classList.remove('use')
      } else {
        tagItem.classList.add('use')
      }
      document.getElementById('m5dd_result').innerText =
        Array.from(document.querySelectorAll('.m5dd_list.use>span:nth-child(1)'))
          .map(v => v.innerText)
          .join(', ')
    } else if (resultArea) {
      const selection = window.getSelection()
      selection.removeAllRanges()
      const range = document.createRange()
      range.selectNodeContents(resultArea)
      selection.addRange(range)
    } else {
      return
    }
  })

}