在更改input里的值时，下方的文本同步变动
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Input 绑定 JS 值</title>
</head>
<body><input type="text" id="myInput"><p id="displayText"></p><script>// 定义一个变量来保存 input 的值let inputValue = '';// 获取 input 元素和显示的 p 元素const inputElement = document.getElementById('myInput');const displayText = document.getElementById('displayText');// 监听 input 的输入事件inputElement.addEventListener('input', function(event) {// 更新 JS 变量的值inputValue = event.target.value;// 将值显示在页面上displayText.textContent = '你输入的值是：' + inputValue;});</script>
</body>
</html>
