Ejercicios del DOM

Reloj y Alarma

Activa el reloj para visualizar la hora local



Activa la alarma para escucharla

Eventos del Teclado

Instrucciones:

  • Usa las flechas del teclado para mover el circulo
  • alt + a : Lanzar Alert
  • alt + c : Lanzar Confirm
  • alt + p : Lanzar Prompt

Cuenta regresiva

Responsive con JavaScript

Al estar en un navegador móvil solo se muestran los enlaces para ahorrar datos, pero al estar en un navegador de escritorio se muestran el video y el mapa incrustados.

Responsive Tester

Abre una nueva ventana con la página y las medidas que ingreses




Detección de dispositivos
(User Agent)

Detección de la conexión

Para probarlo desactiva y vuelve a activar tu conexión a internet

Detección de la cámara web

Habilita los permisos para usar la cámara web

Geolocalización

Habilita la geolocalización y si aún no funciona vuelve a recargar

Filtros de búsqueda

Escribe el nombre de la ficha que deseas filtrar

Nature
Nature
Any
Any
Tech
Tech
Animals
Animals
People
People
Architecture
Architecture

Sorteo

¿Cuál de los siguientes lenguajes será en ganador?

¡Averígualo!

  • JavaScript
  • PHP
  • JAVA
  • C
  • Python
  • Ruby
  • Go
  • Visual Basic
  • Rust
  • Perl

Responsive Slider

Slider que se adapta tanto a dispositivos móviles como de escritorio

Animales
Tecnología

Comentario 1

Lorem ipsum dolor sit amet, consectetur adipisicing elit. At ratione, incidunt quis id error quasi eligendi molestias dolorem laboriosam fuga distinctio dolor libero, aut. Sed.

Comentario 2

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquid minima soluta quis aspernatur cum unde. Explicabo, repellendus, et? Ullam, aspernatur, eveniet. Ducimus, nesciunt praesentium facilis et atque modi iusto corporis vero. Fugiat impedit, id aut.

Video Inteligente

Se activa la reproducción cuando el usuario lográ ver más del 50% del contenedor















Validaciones de formulario

Envía tus comentarios
Cargando

¡Los datos han sido enviados con éxito!

Narrador

¡Haz hablar a tu dispositivo!







Si no aparecen las opciones de narrador, recarga la página.