Del curso: HTML5 práctico: Visualización de datos

Accede al curso completo hoy mismo

Únete para acceder a más de 22.700 cursos impartidos por expertos del sector o compra solamente este curso.

Programación de la actualización de datos con HTML5

Programación de la actualización de datos con HTML5 - Tutorial de HTML

Del curso: HTML5 práctico: Visualización de datos

Comenzar mi mes de prueba gratis

Programación de la actualización de datos con HTML5

Veamos ahora cómo utilizar los "sliders". Vamos a utilizar dos eventos en concreto sobre ellos. El "slider" en sí es este 'div' sin más. Sin embargo, yo quiero que, según lo mueva, se actualice el valor que tengo debajo, aparte, por supuesto, de hacer cambios luego sobre las gráficas. Voy a irme a 'main' y entonces voy a inicializar esos "sliders". Voy a hacerlo todo dentro de una función a la que llamaré cuando el documento se haya cargado completamente. Así que lo voy a llamar 'iniCharts'. Bien, y ahora crearé esa función. Esa función que no va a recuperar ningún parámetro y en la que voy a utilizar estos cuatro "sliders". cada uno de ellos está almacenado en una variable, así que tengo acceso a ellos desde esta nueva función. Y entonces, para hacer cualquier cambio sobre él, lo que tengo es que llamar primero a la clase y luego, sobre esa clase, pedirle que, en este caso, que recupere un evento. Bueno, pues para añadir un evento se utiliza 'on', igual que para eliminar un evento se…

Contenido