01 - Hola mundo
Estructura inicial
En nuestra carpeta de proyecto crearemos la siguiente estructura:
/
├── js/
│ └── 01-hola-mundo.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/01-hola-mundo.js"></script>
<title>01 - Hola mundo</title>
</head>
<body>
<h1>Temario de JavaScript</h1>
</body>
</html>Escribiendo el JavaScript
Vamos a escribir un código que muestre una alerta de “Hola mundo” al abrir nuestra página:
alert("Hola mundo"); //El ; del final es opcional en JS por defecto.Nota: // indica un comentario de línea en JS y /* */ un comentario de bloque.
Ahora vamos a mostrar un mensaje por la consola:
console.log("Muestro esto por la consola")Nota: Para abrir la consola debemos ir a las herramientas de desarrollo de nuestro navegador.
También podemos hacer operaciones matemáticas:
console.log(4 + 5) //9
console.log("4 + 5") //4 + 5
/*
El segundo ejemplo no devuelve un valor numérico
porque al ir entre comillas JS entiende que es un texto.
*/