Cómo hacer una calculadora con IA
Elegí una pregunta con números que a tu nicho le importe (cuánto pierde, cuánto ahorra, cuánto cobrar). Pasale a Claude los 2 a 4 campos que pide, el cálculo explicado en palabras y cómo mostrar el resultado. Que recalcule solo al cambiar un campo, y blindala contra valores absurdos: cero, negativos, gigantes.
Una calculadora es lo primero que construís que no se mira: se usa. El visitante ingresa números y tu herramienta le responde. Eso ya no es una página, es software — y lo tenés funcionando en una sesión.
Por qué una calculadora
Toda persona con un negocio tiene una pregunta con números: ¿cuánto me sale? ¿cuánto ahorro? ¿cuánto pierdo por no hacer X? Una calculadora que responde ESA pregunta es irresistible: la gente la usa, la comparte, vuelve. Por eso son la herramienta número uno del marketing. La fórmula no tiene que ser perfecta, tiene que ser razonable y honesta.
Elegí tu pregunta
Pensá en tu nicho y elegí una sola pregunta con números:
- Barbería: “¿Cuánta plata perdés por mes por turnos que no se presentan?”
- Freelancer: “¿Cuánto deberías cobrar por hora para llegar a tu meta?”
- Cualquier negocio: “¿Cuánto te cuesta cada cliente que entra por publicidad?”
Construila
Carpeta nueva y este encargo:
Construí una calculadora interactiva en un solo index.html.
La pregunta que responde: [TU PREGUNTA]
Los datos que pide (2 a 4 campos, no más):
- [CAMPO 1, P. EJ. "turnos por semana"]
- [CAMPO 2, P. EJ. "% que no se presenta"]
El cálculo: [EXPLICÁ LA CUENTA EN PALABRAS, P. EJ. "turnos × %
ausente × precio × 4 semanas"]
El resultado: mostralo grande y claro, con una línea de contexto que
explique qué significa. Que se actualice al instante cuando cambian
los valores, sin botón de "calcular".
Diseño: limpio, mobile primero, un solo color de acento.El detalle que la hace profesional
Probala con valores ridículos: cero, negativos, diez millones. Una herramienta amateur tira “NaN” o un número absurdo; una profesional responde con gracia:
Probá la calculadora con valores extremos (0, negativos, gigantes) y
hacela responder bien: que no muestre errores raros, que limite los
valores a rangos razonables, y que si falta un dato muestre un mensaje
amable en vez de un resultado roto.Si algo sale mal
- El resultado no cambia al tocar los campos.
El resultado tiene que recalcularse solo al cambiar cualquier campo. Arreglalo. - La cuenta da cualquier cosa. El error suele estar en tu fórmula en palabras, no en el código. Reescribila más explícita y pedí que la implemente de nuevo.
- Quedó con cara de formulario de banco.
Hacela más amigable: campos grandes, etiquetas claras, el resultado como protagonista.