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

Hola JavaScript-Mundo



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 adelante) utilizamos el tag <script>

  • document es un objeto que representa el documento/archivo HTML que estamos utilizando. Veremos más sobre esto en el futuro

  • 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.

  • Cada línea de código en JS debe terminar con un punto-y-coma ( ; )


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>


Si te preguntas en que parte es recomendable poner tu JS, si en el <head> o en el <body> la respuesta es: depende de la situación, pero es recomendable que lo pongas al final de tu <body> para evitar algunos problemas.

OJO: 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

Task Discussion


  • zhmm said:

    This is a simple example, i can understand, but i don't know what kind of language you use?

    can u write it in english,pls?
     

    on April 22, 2012, 10:43 p.m.

    Rogelio Moreno said:

    These challenges are written in spanish, so if your spanish isn't very good they probably won't be of much help. However, if you are a particular problem/question you need some help with, we could try to help you out in english :).

    on April 22, 2012, 10:46 p.m. in reply to zhmm