StimulusJS Adding Elements Dynamically

sample-stimulus.js

class AutocompleteController extends Stimulus.Controller {
  static get targets() {
    return [ "results" ]
  }
  
  initialize() {
  	this.fakeFetch()
  	setInterval(this.fakeFetch.bind(this), 1500)
  }
  
  redirect(event) {
  	alert(`Redirect! "${event.currentTarget.textContent.trim()}"`)
  }
  
  fakeFetch() {
   	const length = Math.ceil(Math.random() * 20) + 2
    this.resultsTarget.innerHTML = Array.from({ length }, () => `
      <li data-action="click->autocomplete#redirect">
        ${Math.random().toString().slice(-10)}
      </li>`
    ).join("")
  }
}

const application = Stimulus.Application.start()
application.register("autocomplete", AutocompleteController)

sample.html

<!-- from: https://jsfiddle.net/javan/x4p8n7mb/ -->
<div data-controller="autocomplete">
  <ul data-target="autocomplete.results"></ul>
</div>