Actualmente estoy trabajando en un curso sobre JavaScript y, sinceramente, me está costando bastante hacerlo. Si alguien tiene algún recurso que pueda recomendar para aprender, ¡lo agradecería!
Estoy tratando de hacer una aplicación bancaria simple con estos requisitos:
Aquí está mi HTML básico para un sitio muy simple
<!DOCTYPE html> <html lang="en" dir="ltr"> <head> <meta charset="utf-8"> <title></title> </head> <body> <h1>Welcome!</h1> <button onclick="start()">Click here to get started.</button> <script src="scripts.js"></script> </body> </html>Y esto es lo más lejos que he podido llegar con el JS...
function start() { let input = prompt('What would you like to do?'); if input = 'w' { alert('Withdraw'); } else () { } }Y sé que probablemente ni siquiera sea la dirección en la que debo ir. Sinceramente, estoy atascado porque realmente no sé por dónde empezar. ¡Cualquier y todo consejo es muy apreciado, TIA!
En cuanto a los recursos, básicamente puedes usar cualquier tutorial grabado o escrito. También me gustan los desafíos de código. Para aprender mientras codifica, vaya paso a paso y use Google :) Como puede haber hecho para "obtener javascript de entrada de usuario".
Ya ha recopilado algunas entradas de los usuarios. Intente reutilizar esto para las otras cosas que un usuario puede hacer. Ejecute cálculos basados en el valor que ingresa el usuario. Finalmente, registre y almacene el saldo.
En un momento posterior, cuando haya aprendido los nuevos conceptos, incluso puede intentar conservar los saldos mediante una base de datos, una cookie o un almacenamiento web.
En el siguiente ejemplo (gracias a ruleboy21) el usuario puede ingresar acciones en cualquier orden. Todavía no hay verificación si queda suficiente dinero, etc.
Juega con este código para aprender:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <h1>Banking app</h1> <p>Click the button below to start the app. Options: (w)ithdraw, (d)eposit, (b)alance, (q)uit</p> <button onclick="start()">Click here to get started.</button> <script type="text/javascript"> let balance = 0; function start() { let input = prompt('What would you like to do?'); // debug output for testing // Open the inspector to see user input // console.log(input); if (input == 'q' || input == "") { // Enter quits as well. return; } else if (input == 'w') { withdraw(); // see functions below } else if (input == 'd') { deposit(); } else if (input == 'b') { showBalance(); } else { alert('Unsupported action: use (w)ithdraw, (d)eposit, or (b)alance. Press q or enter to quit'); } start(); // restarts the app after action } function deposit() { let amount = prompt('Enter an amount to deposit'); amount = isNaN(amount) ? 0 : parseFloat(amount); balance += amount; return balance; } function showBalance() { alert('Current balance: '+balance); } function withdraw() { let amount = prompt('Enter an amount to withdraw'); amount = isNaN(amount) ? 0 : parseFloat(amount); balance = balance - amount; return balance; } </script> </body> </html>