strongtagsclickable.js

    makeStrongTagsClickable(){
        /**** Get the set of strong tags that chatbot returned, create a function 
         * with a reference to those particular strong tags, put a reference 
         * to that function in an event listener. destroy strong tags when you click one. ****/
        var strongTags = this.body.querySelectorAll('strong')
        var destroyStrongTags = () => Array.from(strongTags, strongTag => {
            var spanFromStrong = document.createElement('span')
            spanFromStrong.textContent = strongTag.textContent
            strongTag.parentElement.replaceChild(spanFromStrong, strongTag)
        })

        Array.from(strongTags, strongTag => {
            strongTag.addEventListener('click', () => {
                autoSubmit(strongTag.textContent, {headless: false})
                destroyStrongTags()
            })
        })
    }