JavaScript是一门脚本语言，它可以在网页中实现各种交互和动态效果。其中，通过改变textarea的值实时更新页面是一种常见的应用场景。本文将介绍如何用JavaScript实现该功能。

　　1.获取textarea元素

　　在JavaScript中，我们可以使用document.getElementById()方法获取textarea元素。该方法需要传入一个参数，即textarea元素的id属性值。

　　例如，如果我们有一个id为“myTextarea”的textarea元素，可以通过以下代码获取它：

　　```javascript

　　var textarea = document.getElementById("myTextarea");

　　```

　　2.为textarea元素添加事件监听器

　　当textarea元素的值发生变化时，需要通过事件监听器来捕获该事件并触发相应的操作。JavaScript中，我们可以使用addEventListener()方法为textarea元素添加事件监听器。该方法需要传入两个参数，第一个参数是事件类型，第二个参数是事件处理函数。

　　例如，我们可以为textarea元素添加“input”事件监听器：

　　```javascript

　　textarea.addEventListener("input", function(){

　　 // 输入内容发生变化时的操作

　　});

　　```

　　在该事件处理函数中，我们可以编写相关代码实现输入内容发生变化时的操作。

　　3.获取textarea元素的值

　　当我们想要获取textarea元素的值时，可以使用textarea.value方法。例如：

　　```javascript

　　var text = textarea.value;

　　```

　　4.改变textarea元素的值

　　如果想要通过JavaScript实现改变textarea元素的值，可以直接修改该元素的value属性。例如：

　　```javascript

　　textarea.value = "新的文本内容";

　　```

　　5.实例：通过改变textarea的值实时更新页面

　　现在，我们来实现一个通过改变textarea的值实时更新页面的示例。具体实现如下：

　　HTML代码：

　　```html