如何检测跨度内的文本更改

Question

有一个

span

元素，但可以通过单击按钮更改文本
我想检测另一个功能的文本更改并显示警报
但它不起作用

这是我的代码：

    <Span class="spn">Span</Span>
    <button onclick="changespan()">click</button>

    <script>   
        function eventp() {
            $('.spn').on('change', () => alert('detect span text change.'))
          }

        function changespan() {
            $('.spn').text("span text changed.");
            eventp();

        }
    </script>

Answer 1

HTML

<span id="spn"></span>

JS：

const span = document.getElementById("spn")
span.addEventListener("change", function(){
   let value = span.innerText
   // Your code
})