JavaScript 是一种通过添加行为使网页具有交互性的编程语言。JavaScript 可以使我们在网页上增加动态效果、响应用户行为并将页面更改为自己的目标行为。使用 JavaScript 能够使得网页更具有生命力、趣味性和独特性。

一个简单的例子就是，当用户在页面上点击一个按钮时，JavaScript 可以执行指定的操作，例如更改文本、显示图像、刷新页面或运行一些复杂的逻辑。下面是一个使用 JavaScript 实现当用户点击按钮时更改文本的代码示例：

<button onclick="document.getElementById('text').innerHTML='Hello, JavaScript!'">更改文本</button>
<p id="text">这里是初始文本。</p>

上面的代码通过在按钮的 onclick 属性上设置一个函数来实现用户点击按钮时更改文本。该函数使用 getElementById 方法来获取带有“text”id 的段落元素，并通过 innerHTML 属性将其文本更改为“Hello, JavaScript!”。

除了单击按钮之外，我们还可以使用 JavaScript 来响应其他事件，例如鼠标悬停、键盘敲击和页面加载。下面是一个示例，该示例使用 JavaScript 监听用户在文本框中输入的字符，并在每次输入时更新另一个元素的文本内容：

<input type="text" onkeyup="updateText(this.value)" />
<p id="updated-text">这里的文本将被更新。</p>
<script>
function updateText(value) {
document.getElementById('updated-text').innerHTML = '目前的值为: ' + value;
}
</script>

在上面的代码中，当用户按下键盘上的任何键时，onkeyup 事件将触发 updateText 函数。该函数获取输入文本框的当前值并使用 innerHTML 属性将其添加到 id 为“updated-text”的段落元素中。

JavaScript 还可以使用条件语句、循环语句、函数和对象等概念实现复杂的逻辑。下面是一个示例，该示例使用 JavaScript 计算两个数字的总和，并通过使用函数将其重复。

<p id="result"></p>
<script>
function addNumbers(num1, num2) {
return num1 + num2;
}
var x = 10;
var y = 20;
var sum = addNumbers(x, y);
for (var i = 0; i < 3; i++) {
document.getElementById('result').innerHTML += '第' + (i + 1) + '次重复的和: ' + sum + '<br />';
}
</script>

上面的代码首先定义了一个名为 addNumbers 的函数，该函数获取两个数字参数并返回它们的总和。然后，它定义了两个变量 x 和 y 并将它们的总和存储在 sum 变量中。接下来，它使用一个 for 循环将结果输出到页面上。每次重复都会将当前结果添加到 id 为“result”的段落元素中。

总之，JavaScript 是一种流行的编程语言，用于将交互性和动态效果添加到网页中。无论是更改文本、响应事件还是执行复杂的逻辑，JavaScript 都可以帮助我们实现自己的目标行为。