Public
Edited
May 12
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Mi primera página con JavaScript</title>
<link rel="stylesheet" href="css/estilos.css">
<!--Si se incluye el defer el script se descarga en paralelo mientras se carga el HTML, y se ejecuta cuando el DOM esté listo. -->
<script src="script.js" defer></script>
</head>
<body>
<h1>Hola Mundo con JavaScript</h1>
<!-- Contenido HTML aquí -->
<!-- Script al final del body para mejor rendimiento -->
<script src="js/script.js"></script>
</body>
</html>
// Comentario de una línea
/*
Comentario
de múltiples
líneas
*/
javascript// Variables (modernas)
let nombre = "María"; // String
let edad = 17; // Number
let esEstudiante = true; // Boolean
// Constantes (valor no cambia)
const PI = 3.1416;
const NOMBRE_COLEGIO = "Instituto Tecnológico";
// Aritméticos
let suma = 5 + 3; // 8
let resta = 10 - 4; // 6
let multiplicacion = 3 * 4; // 12
let division = 20 / 5; // 4
let modulo = 10 % 3; // 1 (resto de la división)
let exponente = 2 ** 3; // 8 (2 elevado al cubo)
// Incremento y decremento
let contador = 1;
contador++; // contador = 2
contador--; // contador = 1
// Asignación
let x = 10;
x += 5; // x = x + 5 (15)
x -= 3; // x = x - 3 (12)
x *= 2; // x = x * 2 (24)
x /= 4; // x = x / 4 (6)
// Comparación
let a = 5, b = "5";
a == b; // true (compara valor, no tipo)
a === b; // false (compara valor Y tipo)
a != b; // false (diferente valor)
a !== b; // true (diferente valor O tipo)
a > 3; // true (mayor que)
a <= 5; // true (menor o igual que)
// Lógicos
let p = true, q = false;
p && q; // AND lógico (false)
p || q; // OR lógico (true)
!p; // NOT lógico (false)
Purpose-built for displays of data
Observable is your go-to platform for exploring data and creating expressive data visualizations. Use reactive JavaScript notebooks for prototyping and a collaborative canvas for visual data exploration and dashboard creation.
