Scribd
Cargar
10 vistas8 páginas

Guía Básica de JavaScript

La guía introduce los conceptos básicos de JavaScript como su estructura, variables, tipos de datos, operadores, estructuras de control, funciones y manipulación del DOM.

Cargado por

Herlindo Benitez
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd
10 vistas8 páginas

Guía Básica de JavaScript

La guía introduce los conceptos básicos de JavaScript como su estructura, variables, tipos de datos, operadores, estructuras de control, funciones y manipulación del DOM.

Cargado por

Herlindo Benitez
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd
Está en la página 1/ 8

# Guía Básica de JavaScript

JavaScript es un lenguaje de programación que se utiliza principalmente para crear páginas


web interactivas. Es un lenguaje esencial para los desarrolladores web y se ejecuta en el
navegador del usuario. Esta guía te introducirá a los conceptos básicos de JavaScript y te
permitirá comenzar a escribir tus propios scripts.

## Estructura Básica

Un script de JavaScript se puede incluir directamente en un documento HTML o en un archivo


separado. La forma más común es usar la etiqueta `<script>`.

### Incluir JavaScript en HTML

#### Inline Script

```html

<!DOCTYPE html>

<html>

<head>

<title>Ejemplo de JavaScript</title>

</head>

<body>

<h1>Hola Mundo</h1>

<script>

alert('Hola, Mundo!');

</script>

</body>

</html>

```
#### Archivo Externo

```html

<!DOCTYPE html>

<html>

<head>

<title>Ejemplo de JavaScript</title>

<script src="script.js"></script>

</head>

<body>

<h1>Hola Mundo</h1>

</body>

</html>

```

```javascript

// script.js

alert('Hola, Mundo!');

```

## Variables

Las variables se utilizan para almacenar datos. En JavaScript, puedes declarar variables
usando `var`, `let`, o `const`.

```javascript

var nombre = 'Juan';

let edad = 25;


const pais = 'México';

```

### Tipos de Variables

- `var`: Declara una variable con alcance global o de función.

- `let`: Declara una variable con alcance de bloque.

- `const`: Declara una constante de bloque, cuyo valor no puede cambiarse.

## Tipos de Datos

JavaScript soporta varios tipos de datos:

- Números: `let numero = 10;`

- Cadenas de texto: `let texto = "Hola, Mundo";`

- Booleanos: `let esVerdadero = true;`

- Arreglos: `let arreglo = [1, 2, 3];`

- Objetos: `let persona = {nombre: "Juan", edad: 25};`

## Operadores

### Aritméticos

```javascript

let suma = 5 + 3; // 8

let resta = 5 - 3; // 2

let multiplicacion = 5 * 3; // 15

let division = 6 / 3; // 2

```
### Comparación

```javascript

let igual = 5 == 5; // true

let estrictamenteIgual = 5 === 5; // true

let diferente = 5 != 3; // true

let mayorQue = 5 > 3; // true

let menorQue = 5 < 3; // false

```

## Estructuras de Control

### Condicionales

```javascript

let edad = 18;

if (edad >= 18) {

console.log('Eres mayor de edad');

} else {

console.log('Eres menor de edad');

```

### Bucles

#### For
```javascript

for (let i = 0; i < 5; i++) {

console.log(i);

```

#### While

```javascript

let i = 0;

while (i < 5) {

console.log(i);

i++;

```

## Funciones

Las funciones son bloques de código que realizan una tarea específica.

```javascript

function saludar(nombre) {

return 'Hola, ' + nombre;

let saludo = saludar('Juan');

console.log(saludo);

```
### Funciones Flecha

```javascript

const saludar = (nombre) => {

return 'Hola, ' + nombre;

let saludo = saludar('Juan');

console.log(saludo);

```

## Manipulación del DOM

JavaScript permite interactuar y modificar el Document Object Model (DOM) de una página
web.

```html

<!DOCTYPE html>

<html>

<head>

<title>Manipulación del DOM</title>

</head>

<body>

<h1 id="titulo">Hola, Mundo</h1>

<button onclick="cambiarTexto()">Cambiar Texto</button>

<script>

function cambiarTexto() {

document.getElementById('titulo').innerText = 'Texto Cambiado';


}

</script>

</body>

</html>

```

## Eventos

Los eventos permiten ejecutar código en respuesta a acciones del usuario.

```html

<!DOCTYPE html>

<html>

<head>

<title>Eventos en JavaScript</title>

</head>

<body>

<button id="boton">Haz clic aquí</button>

<script>

document.getElementById('boton').addEventListener('click', function() {

alert('¡Botón clicado!');

});

</script>

</body>

</html>

```

## Conclusión
Esta guía cubre los aspectos básicos de JavaScript. Con esta base, puedes comenzar a
escribir tus propios scripts y hacer tus páginas web interactivas. La práctica y la
experimentación son claves para mejorar tus habilidades en JavaScript. ¡Buena suerte!

También podría gustarte