# Cómo hacer una calculadora con IA

> ¿Cómo hago una calculadora interactiva 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.

> Fuente: https://magoallegri.com/biblioteca/como-hacer-una-calculadora-con-ia

---

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

[Figura: Una calculadora: unos pocos campos responden una pregunta con números y devuelven un resultado grande]

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.`