Неявная мими c кликов

Question

В следующих строках я заменяю слово «первый» словом «второй», после чего пользователь может щелкнуть слово «второй». Интересно, есть ли способ ввести mimi c щелчка внутри <span onclick="myFunction()">second</span>, чтобы пользователю не приходилось нажимать на слово «второй». Он должен работать мгновенно. Имейте в виду, что меня интересует не просто запуск myFunction, а имитация неявно щелчка.

<div id = 'FirstSentence'>This is the first sentence</div>
<div id = 'SecondSentence'></div>
<div id = 'itWorked'></div>

<script>
    jSentence = document.getElementById('FirstSentence').innerHTML
    jSentence = jSentence.replace('first', `<span onclick="myFunction()">second</span>`)
    document.getElementById('SecondSentence').innerHTML = jSentence

    function myFunction() {
        document.getElementById('itWorked').innerHTML = 'it worked !!!';
    }
</script>

Answer 1

Вам просто нужно вызвать функцию щелчка по элементу, см. Пример ниже.

jSentence = document.getElementById('FirstSentence').innerHTML
    jSentence = jSentence.replace('first', `<span onclick="myFunction()">second</span>`)
    document.getElementById('SecondSentence').innerHTML = jSentence

    function myFunction() {
        document.getElementById('itWorked').innerHTML = 'it worked !!!';
    }
    
     document.getElementById('SecondSentence').querySelector('span').click();

<div id = 'FirstSentence'>This is the first sentence</div>
<div id = 'SecondSentence'></div>
<div id = 'itWorked'></div>