javascript

Generador de multiplicaciones online para imprimir y resolver

He creado un generador de multiplicaciones aleatorias, en donde se presiona un botón y se generan multiplicaciones para imprimirlas y resolverlas, funciona totalmente en línea y se pueden personalizar los números.

Citando la Wikipedia:

La multiplicación es una operación binaria que se establece en un conjunto numérico.​ Tal el caso de números naturales, consiste en sumar un número tantas veces como indica otro número. Así, 4×3 (léase «cuatro multiplicado por tres» o, simplemente, «cuatro por tres») es igual a sumar tres veces el valor 4 por sí mismo (4+4+4). Es una operación diferente de la adición, pero equivalente

El generador de multiplicaciones para imprimir que vengo a presentar hoy se ve como en la imagen:

Generador de multiplicaciones online – Ejercicios de matemáticas

Para probarlo y usarlo entra a: Generador de multiplicaciones online para imprimir y resolver.

Se puede usar para ponerlos como tarea en una escuela o simplemente como ejercicios de repaso.

Las multiplicaciones generadas pueden imprimirse o guardarse como PDF, se personaliza el multiplicando y el multiplicador en un rango, además de poner un título opcional y el número de multiplicaciones por columna.

Cada fórmula u operación está mostrada con la tipografía y diseño correcto gracias a la librería MathJax.

En conclusión, tenemos un generador que permite imprimir multiplicaciones para resolver.

Parte técnica y código fuente

Este generador de multiplicaciones, además de ser gratuito, es open source. Puedes usarlo en este enlace desde tu teléfono, tableta o computadora, y analizar el código fuente en GitHub.

En resumen son simples fórmulas creadas con MathJax renderizadas con Vue.js para la reactividad de los elementos. Para imprimir se usa un poco lo visto en este post; y para ocultar lo que se ve en este.

Código del generador de multiplicaciones – números aleatorios con JS

La parte más compleja fue sincronizar los ciclos de MathJax y Vue, pues ambos renderizan los elementos de distinta manera; así que tuve que esperar y encolar los procesos.

El límite de las columnas es 12 para no hacer que el diseño se rompa, debido a las columnas de Bulma CSS.

Estoy aquí para ayudarte 🤝💻


Estoy aquí para ayudarte en todo lo que necesites. Si requieres alguna modificación en lo presentado en este post, deseas asistencia con tu tarea, proyecto o precisas desarrollar un software a medida, no dudes en contactarme. Estoy comprometido a brindarte el apoyo necesario para que logres tus objetivos. Mi correo es parzibyte(arroba)gmail.com, estoy como@parzibyte en Telegram o en mi página de contacto

No te pierdas ninguno de mis posts 🚀🔔

Suscríbete a mi canal de Telegram para recibir una notificación cuando escriba un nuevo tutorial de programación.
parzibyte

Programador freelancer listo para trabajar contigo. Aplicaciones web, móviles y de escritorio. PHP, Java, Go, Python, JavaScript, Kotlin y más :) https://parzibyte.me/blog/software-creado-por-parzibyte/

Entradas recientes

Creador de credenciales web – Aplicación gratuita

Hoy te voy a presentar un creador de credenciales que acabo de programar y que…

1 semana hace

Desplegar PWA creada con Vue 3, Vite y SQLite3 en Apache

Ya te enseñé cómo convertir una aplicación web de Vue 3 en una PWA. Al…

2 semanas hace

Arquitectura para wasm con Go, Vue 3, Pinia y Vite

En este artículo voy a documentar la arquitectura que yo utilizo al trabajar con WebAssembly…

2 semanas hace

Vue 3 y Vite: crear PWA (Progressive Web App)

En un artículo anterior te enseñé a crear un PWA. Al final, cualquier aplicación que…

2 semanas hace

Errores de Comlink y algunas soluciones

Al usar Comlink para trabajar con los workers usando JavaScript me han aparecido algunos errores…

2 semanas hace

Esperar promesa para inicializar Store de Pinia con Vue 3

En este artículo te voy a enseñar cómo usar un "top level await" esperando a…

2 semanas hace

Esta web usa cookies.