Dia 24

2024-01-10 13:48:15 +01:00
parent 07bb166f86
commit fa0b1bad1c
3 changed files with 87 additions and 0 deletions
--- a/JS/Introduccion/holaMundo.html
+++ b/JS/Introduccion/holaMundo.html
@@ -0,0 +1,40 @@
+<!DOCTYPE html>
+<html lang="en">
+	<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" />
+		<link rel="stylesheet" href="./estilos.css" />
+		<title>Mi primera página web con Javascript</title>
+		<!-- Forma #2 - Etiqueta Script en Head -->
+		<script defer>
+			alert('Se ejecuta desde el head');
+			//defer es carga diferida para que se cargue primero la página y despues el javascript
+		</script>
+
+		<!-- Forma #3 - Archivo externo -->
+		<script defer src="holaMundo.js"></script>
+	</head>
+	<body>
+		<h1>Hola Mundo!</h1>
+		<!-- Forma #1 - Etiqueta Script -->
+		<script>
+			// Notas importantes:
+			// - Javascript es sensible a mayusculas y minisculas.
+			// - Respetar la sintaxis de tipo camel case. getElementById
+			// - Punto y coma al final de cada sentencia.
+
+			// Comentarios de tipo linea
+			/*
+				Comentarios de varias lineas
+				(tipo bloque)
+			*/
+			// El codigo comentado no se ejecuta
+			// alert('Este codigo no se ejecuta');
+
+			document.write('<h2>Hola Mundo!</h2>');
+			alert('Hola soy una alerta!');
+			console.log('Hola desde la consola');
+		</script>
+	</body>
+</html>