Implementemos el algoritmo que creamos para un cajero automático.

Primero, debemos generar nuestra estructura HTML, luego vamos a pasar nuestro algoritmo a código.

Siempre es importante ir probando el código a medida que se va escribiendo. Generar ese hábito es útil con el fin de detectar con más facilidad los errores que se puedan presentar. Todas las cajas de texto tienen valores de texto, por más que se ingresen números. Por ello es necesario parsear el resultado si se desea trabajar con números.

• ParseInt: función nativa de JS que convierte el valor String a Int.
• Cast(Casteo): proceso de transformar una variable con un tipo de datos a otro.
• Document.Write: reescribe el código ya cargado anteriormente en el navegador a través de JS.
• OnLoad: evento que ocurre cuando el navegador ha cargado la página por completo, luego de este evento se ejecuta otro llamado Close.
• Open: ocurre posterior al cierre del documento, en este evento solo se da prioridad al Document.write, es por este motivo que en el ejemplo anterior todo el contenido desaparece, dejando solamente en pantalla lo que está dentro del Document.write. InnerHTML: La manera en que podemos controlar el contenido en HTML.
• Operador +=: Se utilizan en operaciones matemáticas, y se puede interpretar como que el valor de una variable es igual a su propio valor, más el resto de la operación.
• Operador -= : Se aplica el mismo concepto que el operador “+=”, solo que en este caso el valor es restado.

Recuerda:

• Los programadores dividen problemas grandes en varios pequeños.
• Prueba frecuentemente que el código escrito funciona

Desafíos:

• Toma el código y ahora muestra los billetes entregados con imágenes.

• Crear el código para ir guardando el estado de billetes del cajero y poder verlo visualmente.

• Intenta optimizar el código que hemos escrito.

Aporte creado por: Gustavo Franco