使用onchange方法实现在输入框输入的值更新到hello word对应的text组件中

在前端开发中，`onchange` 是一个常用的 JavaScript 事件监听器，通常用于HTML表单元素，如input、textarea等。当你在这些输入框中输入的内容发生变化时，这个事件会被触发。例如，你可以这样做：

<input type="text" id="inputBox" onchange="updateText()">

<p id="helloWorld">Hello, World!</p>

<script>
function updateText() {
    const inputValue = document.getElementById('inputBox').value;
    document.getElementById('helloWorld').innerText = `Hello, ${inputValue}!`;
}
</script>

在这个例子中，当用户在 `<input>` 输入框中输入内容，`onchange` 方法会调用 `updateText` 函数，该函数获取输入框的当前值，并将其替换到id为 "helloWorld" 的 `<p>` 元素的文本内容中。