在HTML文档中，JavaScript（简称JS）是一种非常强大的脚本语言，它允许我们动态地与用户交互，创建动态更新的内容，以及控制页面行为，下面，我会带你一起了解如何在HTML中使用JavaScript。
你需要知道JavaScript代码可以放在HTML文档的三个位置：``标签内、``标签内，或者作为外部文件引入，每种方式都有其适用的场景。
1. **内联JavaScript**：
这是最直接的方式，即将JavaScript代码直接写在HTML标签的事件属性中，你可以在按钮上使用`onclick`属性来执行一个函数：
```html
```
这种方式简单直接，但不适合复杂的逻辑或大量的代码，因为它会使HTML文档变得难以阅读和维护。
2. **内部JavaScript**：
你可以在HTML文档的``或``部分使用````
使用内部JavaScript时，你可以定义函数和变量，并在需要时调用它们。
3. **外部JavaScript文件**：
对于大型项目，将JavaScript代码放在单独的文件中是一个更好的选择，这样做可以提高页面加载速度，并且使得代码更加组织化。
```html
```
在`script.js`文件中，你可以编写如下代码：
```javascript
function sayHello() {
alert('Hello, World!');
}
```
然后在HTML中通过````
在这个例子中，每当用户在输入框中输入文字时，`updateOutput`函数就会被调用，并更新``元素的内容，记得在HTML文档中正确地使用`