JavaScript

Sistema para administración de adeudos escolares

En esta ocasión te presentaré un pequeño sistema para llevar el control de adeudos en un salón de clases. Se me ocurrió hacer este sistema después de escuchar que en el salón de mi sobrino llevan el control de los pagos. Quiero mencionarte que lo hice según a cómo imagino que hacen los pagos y esas cosas. Si gustas ver la demostración puedes ver este vídeo y el código está por aquí. Para el desarrollo usé Codeigniter 3, Materialize css y JavaScript. Inicio En la página de inicio aparecen los totales generales de: ALUMNOS, BAJAS, PAGOS. Además de los totales...

Seguir leyendo...

Cadena termina con… JS

Descripción del problema Regresar true si una cadena termina con otra cadena dadas como argumentos. Ejemplo verificarTerminacion(‘Holaa’, ‘aa’) // return true. Si la cadena de terminación está vacía regresar true. Solución planteada: 1. Verificar si la cadena de terminación está vacia En este paso solo verificamos si la cadena existe, si no regresamos true de una vez 2. Obtener la terminación de la cadena original Aquí se ocupa el método slice(), esté método obtiene una copia por así decirlo del arreglo original sin afectarlo. Los argumentos que recibe es la posición inicial y la final. Es decir de dónde va...

Seguir leyendo...

Suma entre número a y b JS

La descripción del problema es: Dados dos enteros a y b, que pueden ser positivos o negativos, encontrar la suma de los números que hay entre ellos. a y b no están ordenados. La solución que planteé es la siguiente: 1. Encontrar mayor y menor con max y min Los métodos de max() y min(), como su nombre lo dice, encuentra el valor máximo y mínimo de los argumentos que se le pasan. En este caso se le pasa los valores de a y b. En suma se colocará el total de la suma de los números entre a y...

Seguir leyendo...

Ordenar números orden descendiente con JS

El problema dice algo así. Dado un entero como argumento, regresarlo con sus dígitos en orden descendiente. Ejemplo 123456789 debe regresar 987654321 Solución La solución que planteé es la siguiente: 1.- Dividiendo el numero con split Lo primero que se hace es separar cada digito del número con el método split(), pero antes de esto debemos de convertirlo a cadena. Recuerda que split se especifica el separador con el cual queremos separar la cadena, pero en este caso se deja vacío porque queremos cada caracter de la cadena. Hasta aquí quedaría 2.- Ordenar el arreglo con sort Ahora debemos ordenar...

Seguir leyendo...

Crear gráfica con Chart.js y JS

En algunos de los sistemas que te he presentado he agregado gráficas usando Chart.js. En este ejemplo te mostraré como crear una gráfica de barras, pie, dona y línea, pues son las que más he empleado. Puedes ver la documentación oficial en su sitio web. Importando Chart.js Puedes agregarlo de diferentes maneras, ya sea descargando el js, instalándolo con npm o con el cdn, en mi caso usaré esta y solo lo agregaré dentro del <head></head> Contenedor de la gráfica Nuestra gráfica se debe de mostrar dentro de un <canvas></canvas> a este debemos colocarle un id, pues con este sabremos...

Seguir leyendo...

Imprimir sección de página con CSS y JS

A veces es necesario imprimir cierta sección o la página entera. Esto podemos hacerlo con las funciones nativas que tiene el navegador. Para algunos de los proyectos que te presenté usaba una librería que permitía imprimir la sección deseada. Pero había que pasar por separado el CSS o estilo que deseamos que mostrará, es decir no lo tomaba simplemente tal cuál estaba diseñado, sino que se debe colocar de nuevo los estilos que va a poner. Para el generador de curriculum usé lo que te voy a presentar y se me hizo una manera muy sencilla de imprimir ciertas partes...

Seguir leyendo...