Sesión 6 - Javascript

¿Qué es Javascript?

Javascript es considerado el lenguaje de programación de HTML y por ende, de la web. Es un lenguaje dinámico, levemente tipado y multiparadigma.

¿Por qué usar Javascript?

1. Permite controlar el comportamiento de las páginas web.
2. Permite la creación de páginas web dinámicas.
3. Puede usarse en aplicaciones móviles, desktop applications y web applications.
4. Facilidad  de uso.
5. Amplia comunidad de desarrolladores que lo usan.
6. Permite el uso de Single-page applications (el navegador se encarga de representar la página).

¿Cómo usar Javascript?

Una de las formas más sencillas y conocidas para usar Javascript en nuestra página web es usando el evento onclick, en HTML la sintaxis sería algo así: 

<element onclick="myScript">

Este evento se usa en la mayoría de casos para darle funcionalidad a botones, aunque también puede funcionar con otros tipos de elementos. Ejemplo:

--------------------------------------------------------------------------------------------------------------------------

<p id="ejem">Este texto cambiará.</p>

<button type="button" onclick="document.getElementById('ejem').innerHTML = '¡Es un ejemplo!'">¡Click aquí!</button>
--------------------------------------------------------------------------------------------------------------------------

En el ejemplo anterior, innerHTML, se encarga de enviar un valor al elemento especificado con getElementById. Por lo que, al hacer click en el botón este cambiará.

A la hora de invocar el script también es posible llamar una función, la cual puede estar definida dentro del HTML usando el tag script: <script> ... </script>. Ejemplo:

--------------------------------------------------------------------------------------------------------------------------
<button onclick="myFunction()">Click me</button>

<p id="demo"></p>

<script>
function myFunction() {
  document.getElementById("demo").innerHTML = "Hello World";
}

</script>
--------------------------------------------------------------------------------------------------------------------------

El tag script, puede ser escrito tanto en el head del HTML como en el body, y no precisamente debe ser un tag con muchas funciones. En caso de no querer juntar nuestro HTML con código Javascript, es posible referenciar un archivo externo de la forma: 

<script src="myScript1.js"></script>

Javascript permite también funciones de entrada, las cuales se pueden realizar usando cuatro maneras.

• innerHTML: escribir en un elemento.
• document.write(): escribir en el HTML.
• window.aler(): escribir en una caja de alerta.
• console.log(): escribir en la consola del navegador.

Al ser un lenguaje levemente tipado al declarar una variable basta con hacerlo de la forma var x; y esta se adaptara al tipo (sea number, string, objetct) cuando esta se defina.

La página: https://www.javascript.com/ puede ser de gran ayuda para entender Javascript de una mejor manera.

Referencias

JavaScript. (2018, 10 de diciembre). Wikipedia, La enciclopedia libre. Fecha de consulta: 20:02, diciembre 27, 2018 desde https://es.wikipedia.org/w/index.php?title=JavaScript&oldid=112573323.

JavaScript Tutorial. (n.d.). Retrieved from https://www.w3schools.com/js/default.asp

Solano, E. (2018). Material de clase, Javascript.  Curso Introducción al desarrollo de aplicaciones WEB - IC8016.