Calculadora de suscripciones: cuentas, coma decimal y límites de una app local

297

La calculadora de suscripciones publicada permite introducir importes mensuales o anuales y estimar el gasto y el coste por uso. Puedes probarla aquí. Su código admite coma y punto decimal. Aquí explicamos las cuentas que puedes comprobar, cómo guarda la lista y qué queda fuera de una herramienta local.

Qué hace la calculadora publicada

Permite introducir el nombre de un servicio, su precio, la periodicidad mensual o anual y los usos mensuales estimados. Calcula el gasto anual y el coste por uso. La aplicación está contenida en un archivo HTML con CSS y JavaScript; funciona en el navegador y no necesita una cuenta de usuario ni una base de datos.

La página resultante permite añadir servicios, borrar uno o vaciar toda la lista con confirmación. Ordena los servicios por gasto anual. En una pantalla estrecha, el formulario pasa a una columna y la tabla se desplaza dentro de su propio espacio. Está disponible como calculadora de suscripciones; los datos que escribas quedan en el almacenamiento local de ese navegador, según el código de la aplicación.

Cuentas de ejemplo que puedes comprobar

Con una cuota ficticia de 9,99 € al mes, el gasto anual es 9,99 × 12 = 119,88 €. Si se usa cinco veces al mes, son 60 usos al año y 119,88 ÷ 60 = 2,00 € por uso, redondeados a céntimos. Otra cuota ficticia de 60 € al año con cinco usos mensuales cuesta 1,00 € por uso. Juntas suman 179,88 € anuales, equivalentes a 14,99 € al mes. Puedes introducir esos importes para comprobar las cuentas; no son precios de servicios reales.

La aplicación intenta conservar la lista en localStorage, siempre que el navegador permita ese almacenamiento. El estándar HTML contempla que el guardado pueda fallar; una fila añadida durante la sesión no demuestra que vaya a seguir ahí al reabrir la página. Los datos no se sincronizan con otros dispositivos y pueden perderse si borras los datos del sitio o se bloquea el almacenamiento. Comprueba la recuperación antes de confiar en la lista y no la uses como archivo contable.

La coma decimal: un caso de prueba necesario

La versión publicada usa un campo de texto con inputmode="decimal", acepta importes con coma o punto y convierte el valor antes de calcular. Introducir 9,99 y 9.99 debe producir el mismo importe. Un campo numérico por sí solo no asegura ese comportamiento en todos los navegadores: conviene comprobar ambos formatos con cuentas conocidas.

El atributo inputmode="decimal" sugiere el teclado adecuado en móviles; por sí solo no valida el formato. La página usa además un patrón de entrada y comprueba el número antes de guardarlo. Al revisar una calculadora para lectores en España, la coma decimal merece una prueba expresa.

Cómo se ve en móvil y qué no probamos

En una pantalla estrecha, el formulario se apila y la tabla de resultados se desplaza dentro de su contenedor. Los campos tienen etiquetas y la aplicación muestra un aviso de estado al añadir un servicio. Estas características visibles no sustituyen una auditoría completa de accesibilidad, pruebas en todos los navegadores ni pruebas con usuarios. Es una herramienta para explorar una cuenta, no una aplicación financiera certificada.

¿Cuánto costó crearla?

No disponemos de una medición fiable del coste de creación ni del tiempo total de trabajo; dar una cifra cerrada sería inventarla. Para presupuestar una herramienta similar hay que incluir revisión de cálculos, formatos de entrada, accesibilidad y comportamiento en distintos anchos de pantalla, además de la escritura del código.

Cuándo sirve este enfoque

Una calculadora local con pocos campos permite detectar errores con números conocidos. Si necesitas cuentas compartidas, pagos, copias de seguridad o datos sensibles, el alcance cambia: hacen falta arquitectura, permisos y pruebas acordes. Para decidir si una suscripción merece seguir activa, puedes combinar esta herramienta con nuestra guía para revisar gastos recurrentes. La aplicación publicada permite comprobar sus cálculos y cómo trata la coma decimal.