Javascript / Hola, Mundo!

Anuncios

Bienvenidos sean a este post, hoy haremos nuestro primer programa y como en todos los cursos de programacion utilizaremos el mitico ejemplo de Hola, Mundo! (Hello World), para ello haremos una pequeña pagina web e implementaremos el modulo de Javascript, veamos el codigo de nuestra pagina/programa:

hola.html

<html>
	<script language = "javascript">
	<!--
		// Nuestro primer programa en JavaScript!
		var TEXTO = "Hola, Mundo!";
		document.title = TEXTO;
		document.write(TEXTO);
		document.write("<br><strong>" + TEXTO + "</strong>");
	//-->
	</script>
</html>

Anuncios

En este codigo nos deberiamos enfocar en los tags script donde estara el codigo Javascript, el resto son para decirle al navegador que es una pagina web, primero analizamos el tag script, en este caso le diremos cual es el lenguaje para que lo interprete correctamente, en este caso javascript si nosotros usaramos otro lenguaje como VBscript lo deberiamos informar en esa opcion para que el navegador sepa usar el lenguaje correcto, nuestra primera linea del codigo sera un comentario que no afecta al programa, la siguiente es una constante, supongamos, llamada TEXTO la cual contendra el mensaje Hola, Mundo!, luego utilizaremos el objeto document, el primero tendra instanciado la opcion title la cual servira para asignar al titulo de la pagina web el mensaje que le definamos, en este caso va a ser TEXTO, luego haremos una simple impresion en el cuerpo de la pagina por medio de write, siempre usando a document, y por ultimo vean como usamos un elemento de HTML para hacer un salto de linea y luego mostrar el texto en negrita (strong), para finalizar tenemos dos opciones antes de empezar el codigo y despues de finalizado el codigo:

<!-- Instrucciones //-->

Anuncios

Estas dos etiquetas se utilizan para que los navegadores muy viejos en caso de no soportar Javascript ignoren todo ese codigo y no nos produzca ningun error o notificacion indeseada, si guardamos el archivo con el titulo indicado al principio y lo abrimos con un navegador obtendremos un resultado como se ve a continuacion

Anuncios

Vean como se asigno correctamente nuestro titulo, y vean como en el cuerpo se escribieron correctamente las dos lineas y con las modificaciones pertinentes en la segunda linea.

Anuncios

En resumen, hoy hemos visto nuestro primer codigo Javascript, como se implementa en una pagina web, como podemos usarlo para escribir tanto en un atributo de la pagina como en el cuerpo de la pagina en si, espero les haya sido util sigueme en tumblr, Twitter o Facebook para recibir una notificacion cada vez que subo un nuevo post en este blog, nos vemos en el proximo post.

Anuncios

Tengo un Patreon donde podes acceder de manera exclusiva a material para este blog antes de ser publicado, sigue los pasos del link para saber como.