14. Da los primeros pasos en JavaScript

This course will become read-only in the near future. Tell us at community.p2pu.org if that is a problem.

Hola JavaScript-Mundo [Feb. 14, 2012, 7:35 a.m.]


Para que el JavaScript se ejecute debe estar asociado a algún archivo HTML. En este sentido es similar al CSS. Veamos un ejemplo:

<html>
<body>
    <script type='text/javascript'>
        document.write('Hola JavaScript-Mundo')
    </script>
</body>
</html>


Analicemos el ejemplo

  • Para insertar JS (vamos a abreviarlo de ahora en adelantes) utilizamos el tag <script>

  • document representa el documento/archivo que estamos utilizando.

  • La función write( ) pertenece al documento (document) y nos permite desplegar texto al mismo. El texto que queremos desplegar se lo enviamos como parámetro.

También podemos insertar el JS en el <head>

<html>
<head>
    <script type='text/javascript'>
        document.write('Hola JavaScript-Mundo')
    </script>
</head>
<body>
</body>
</html>

Podemos tener varios scripts de JS en un solo documento

<html>
<head>
    <script type='text/javascript'>
        document.write('Este JS se encuentra en el Head <br/>')
    </script>
</head>
<body>
    <script type='text/javascript'>
        document.write('Este JS se encuentra en el body')
    </script>
</body>
</html>

La función write( ) no demuestra realmente el potencial que tiene JS, pero la utilizamos porque es un ejemplo sencillo para mostrar la sintaxis.

Para completar esta tarea:

  1. Crea un archivo HTML
  2. Añádele alguno de los ejemplos de código
  3. Abre el archivo con tu browser de preferencia (debe tener javascript habilitado) y revisa que se desplieguen los mensajes correspondientes. En el último ejemplo debes ver algo como esto

Ahora, crea un archivo HTML y prueba los códigos de ejemplo, asegúrate de que los mensajes se desplieguen en pantalla.