02 - Variables
¿Qué es una variable?
Es un contenedor de información, un valor que podemos reutilizar en nuestro código.
Estructura inicial
En nuestra carpeta de proyecto crearemos la siguiente estructura:
/
├── js/
│ └── 02-variables.js
└── index.htmlY un código sencillo para nuestro HTML:
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="./js/02-variables.js"></script>
<title>02 - Variables</title>
</head>
<body>
<h1>Temario de JavaScript</h1>
</body>
</html>Declarando nuestras variables
Vamos a declarar una variable y mostrar su valor:
let pais = "España"
console.log(pais) //España
/* Modificamos el valor de nuestra variable */
pais = "Portugal"
console.log(pais) //PortugalNota: Podemos usar var en lugar de let para declarar variables.
Ahora vamos a crear una nueva variable y mostrar su valor junto a la anterior:
let pais = "España"
let continente = "Europa"
/* Concatenamos varios valores */
console.log(pais + ", " + continente) //España, Europa
/* También podemos mostrar en consola varios valores */
console.log(pais, continente) //España Europa
/* Vamos a asignar a una nueva variable el valor concatenado de las dos anteriores separado por un guión */
let paisContinente = pais + " - " + continente
console.log(paisContinente) //España - Europa