Sintaxis JavaScript

Sintaxis Javascript

1. Introducción

El código Javascript se puede implementar directamente en el HTML dentro de una etiqueta <script> o en un archivo aparte invocado con:

        <script type= "text/javascript" src= "archivo.js" >

Para escribir texto en la página:  document.write("texto")

1. Variables

Declaración de variables:   var nombre_de_variable;

Declaración de constantes:  const nombre_de_constante;

Declaración de arrays:   var nombre_de_array = new Array(); 

Los arrays usan la propiedad .lenght

Ejemplos de conversiones de datos:

[pic 1]

parseInt() y parseFloat() para pasar de cadena a Int.

.toString() o "" + número para transformar números en cadenas

1. Mostrar por pantalla e introducir por teclado

Ventana emergente:  alert()

Ventana con Aceptar (true) y Cancelar (false): confirm()

Ventana con entrada de texto y Aceptar(guarda la cadena introducida)/Cancelar: prompt()

Operadores especiales 

Operadores de asignación: += , *= , -= … Opera los valores y lo asigna al de la izquierda.

        Ejemplo : si x=2 ,  x*=4 ("x = x*4") asigna  x=8 

Operadores de comparación:         === , !==          Compara el contenido y el tipo de dato.

                                        == , !=         Compara solo el contenido.

        Ejemplo:  "10" == 10 true        "10" === 10 false 

Operador condicional:  Condición ? Expresión si es cierta : expresión si es falso;

                                Se emplea como un if … else reducido

        Ejemplo:          var res = x>3 ? "Mayor" : "Menor"

        Sería equivalente a:  

Devuelve el tipo de dato de una variable:  typeof

        Ejemplo:          typeof 62 === "number";

Arrays

Crear un array:  var a = ["Bizkaia", "Araba", "Gipuzkoa"] 

Enumerar un elemento de un array: a[1] = "Araba"

Enumerar propiedad de un objeto: a["color"] = "azul"

Borrar un elemento de un array: delete a[2]

Seleccionar elementos de HTML

Se utiliza la etiqueta document.getElementById(id)para seleccionar por id o                 document.getElementsByClassName(clase) para seleccionar por clase.

...