HTML Árbol DOM HTML Id

Modelo/ Modelo de la estructura de una Atributo Permite dar un nombre identificador

Interfaz página web HTML a un elemento del árbol DOM

- -

HTML img HTML src

Etiqueta Inserta una imagen a la página web Atributo Indica al navegador la ubicación de
HTML HTML una imagen o script fuente.

- -

JS
HTML document.getElementById() JS .innerHTML
HTML
Permite obtener el elemento Cambia el contenido de cualquier
Atributo
Función Atributo
identificado con ID Atributo elemento DOM de una página
HTML
HTML usando JS.
- -

JS $() JS jQuery

Función de jQuery para seleccio- Librería de funciones definidas en

Función nar un elemento del árbol DOM. Librería JavaScript para manipular el DOM

jQuery -

JS .fadeOut() JS .fadeIn()

Hace desvanecer el contenido de Hace aparecer lentamente el

Función un elemento del árbol DOM, en un Función contenido de un elemento del
tiempo determinado. árbol DOM, en un tiempo
jQuery jQuery determinado.
 JS .setTimeout()
JS Math.floor()

Permite la ejecución de una función Función que permite redondear

Función en un tiempo determinado. Función números decimales hacia abajo.

- -
-

JS Math.random() JS document.write()

Selecciona un número al azar Muestra en el documento de

Función entre 0 y 1. Función nuestra página el contenido
especificado.
- -

JS .click()
JS Math.sqrt()

Permite ejecutar una función al La raíz cuadrada del número entre

Función hacer click sobre el objeto. Función paréntesis.

jQuery -

JS return if() {} else {}

JS
HTML
Palabra Permite salir de un contexto Estructura Si condición de if() es verdadera se
clave obteniendo, opcionalmente, algún de control realizará lo indicado en las llaves{...},
valor de este. si la condición es falsa se ejecuta
- else{...}, que sería otra acción.
-
-

JS alert() JS
HTML .getContext()

Genera una casilla de alerta con un Contexto gráfico del dibujo "2D".
Función mensaje definido. Función

Canvas
- -
 JS .fillRect() JS .fillStyle

Crea un rectángulo con los valores Permite elegir el color con el cual
Función asignados dentro del paréntesis. Atributo se rellenará la figura creada.

Canvas Canvas

JS .beginPath() JS .lineWidth

Orden para dar inicio al dibujado Ancho del trazo a dibujar.

Función del trazo. Atributo

Canvas Canvas

JS .strokeStyle JS .moveTo()

Color y estilo del trazo a dibujar. Posiciona el cursor de dibujo en las

Atributo Función coordenadas especificadas.

Canvas Canvas

JS .lineTo() JS .stroke()

Avanza hacia coordenadas asigna- Orden para dibujar el trazo.

Función Función
das en paréntesis.

Canvas Canvas

JS setInterval() JS clearRect()

Ejecuta una función con la Limpia un área rectangular del

Función frecuencia especificada. Función lienzo según los valores asignados
en paréntesis.
- Canvas
 JS var obj = {} JS
HTML nombreObjeto

Define un objeto y lo asigna a una Al llamarse en la consola, muestra

Objeto Atributo
Objeto
variable. todas las propiedades del objeto.
HTML

-
--

JS
HTML nombreObjeto.propiedad JS nombreObjeto.propiedad = valor

Al llamarse en la consola, muestra Le asigna un valor a la propiedad,

Atributo
Atributo Atributo
el valor de la propiedad del objeto. ya sea un número, un string, o un
HTML
objeto.
-
--

nombreObjeto.otraPropiedad =
JS function() {} JS this

Asigna una función como método Palabra Hace referencia al objeto en el cual
Método de un objeto. estamos trabajando.
clave

- -

var nombreObjeto =
JS new JS new Constructor()

Palabra Crea una nueva instancia de un Crea un objeto a partir de un

objeto a partir de un constructor. Objeto constructor.
clave

- -