|
|
|
# Módulo 3 — Interacción con el DOM y el BOM en TypeScript
|
|
|
|
|
|
|
|
## 0. Ejecución de aplicaciones en *.ts*
|
|
|
|
|
|
|
|
Los proyectos con archivos `.ts` no se ejecutan directamente. Para usar TypeScript hay dos formas principales:
|
|
|
|
|
|
|
|
1. **Compilar a JavaScript**:
|
|
|
|
|
|
|
|
Lo primero es crear un archivo de configuración para convertir de *.ts* a *.js* en la raiz desde la que se ejecute el proyecto.
|
|
|
|
|
|
|
|
```json
|
|
|
|
{
|
|
|
|
"compilerOptions": {
|
|
|
|
"target": "ES6",
|
|
|
|
"module": "ES6",
|
|
|
|
"outDir": "./",
|
|
|
|
"strict": true,
|
|
|
|
"esModuleInterop": true
|
|
|
|
},
|
|
|
|
"include": ["./**/*.ts"],
|
|
|
|
"exclude": ["node_modules"]
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
```
|
|
|
|
|
|
|
|
```bash
|
|
|
|
npx tsc app.ts
|
|
|
|
```
|
|
|
|
|
|
|
|
```
|
|
|
|
|
|
|
|
Luego se incluye en HTML:
|
|
|
|
|
|
|
|
```html
|
|
|
|
<script src="app.js"></script>
|
|
|
|
```
|
|
|
|
|
|
|
|
|
|
|
|
## 1. Qué es el DOM
|
|
|
|
|
|
|
|
El **DOM (Document Object Model)** es la representación estructurada del documento HTML en forma de **objetos tipados**, accesibles y manipulables desde TypeScript.
|
| ... | ... | |