题解 | #单向绑定#

在HTML中，可以通过给元素的onchange属性赋值来绑定onchange事件的处理函数。如下,当文本框的值发生改变时，触发onchange事件，然后调用名为fn()的函数

<input type="text" onchange="fn()">

在JavaScript中，可以通过onchange来动态地绑定事件处理函数，并使用this来指向input中的值，并将其渲染在页面的span便签中。

  <script type="text/javascript">
            // 补全代码
            const ipt = document.querySelector('#input')
            const sp = document.querySelector('#span')
            ipt.onchange = function(){
                sp.innerHTML = this.value
            }
        </script>