Ejemplos básicos DOM

Ejemplos básicos en los que trabajamos con objetos del navegador (document) y accedemos a los elementos del DOM para cambiar sus propiedades css (ejemplo 1) o para recoger la información de un input y visualizarlo en un mensaje dentro de la página (ejemplo 2). El botón del ejemplo 2 es una adaptación al de @electerious

See the Pen Eventos + DOM + objetos navegador by fovista (@elenbilbo-fovista) on CodePen.

See the Pen Eventos + DOM II by fovista (@elenbilbo-fovista) on CodePen.

con selectoresEjemplos básicos DOM II

Seguimos trabajando con elementos DOM de diferentes tipos

See the Pen Eventos+DOM+selectores by fovista (@elenbilbo-fovista) on CodePen.

2 versiones Practicando idiomas

En estas dos versiones trabajamos con diferentes tipos de elementos del DOM

See the Pen Practicando idiomas versión 1 by fovista (@elenbilbo-fovista) on CodePen.

See the Pen Practicando idiomas versión 2 by fovista (@elenbilbo-fovista) on CodePen.

emails

Otra forma de aplicar DOM para interactuar, en este caso, con alguien que quiere mandar un email :)

See the Pen Email by fovista (@elenbilbo-fovista) on CodePen.

2 versionesCarrito de la compra

2 versiones de un posible carrito de la compra gestionado con JavaScript

See the Pen Carrito versión 1 by fovista (@elenbilbo-fovista) on CodePen.

See the Pen Carrito versión 2 by fovista (@elenbilbo-fovista) on CodePen.