`：用于标记文档中的行内元素。 JavaScript基础
1. JavaScript简介JavaScript是一种轻量级但功能强大的脚本语言，主要用来给HTML页面添加交互行为。它可以处理用户输入、修改页面内容、与服务器进行通信等。
2. JavaScript语法基础- 变量声明：`let`、`const`、`var`
- 数据类型：字符串、数字、布尔值、数组、对象等
- 运算符：算术运算符、比较运算符、逻辑运算符等
- 控制结构：条件语句（`if`、`else if`、`else`）、循环语句（`for`、`while`）
3. DOM操作DOM（Document Object Model）是指文档对象模型，它将HTML文档表示为树形结构。通过JavaScript可以对DOM进行操作，比如：- 获取元素：`document.getElementById()`
- 创建元素：`document.createElement()`
- 添加元素：`appendChild()`
- 删除元素：`removeChild()`
实战示例：创建一个简单的计数器
HTML部分```html
简易计数器
0
``` JavaScript部分 (counter.js)```javascript
document.addEventListener('DOMContentLoaded', function () {const counterElement = document.getElementById('counter');let count = parseInt(counterElement.textContent);document.getElementById('increase').addEventListener('click', function () {count++;counterElement.textContent = count;});document.getElementById('decrease').addEventListener('click', function () {count--;counterElement.textContent = count;});
});
```
总结HTML和JavaScript是构建现代Web应用的重要工具。HTML负责页面的结构和内容，而JavaScript则提供了丰富的交互功能。通过结合使用这两种技术，开发者可以创建出功能强大且用户体验良好的Web应用。希望本文能帮助你更好地理解和掌握这些基础知识。
