Foros aprenderaprogramar.com

Aprender a programar => C, C++, C#, Java, Visual Basic, HTML, PHP, CSS, Javascript, Ajax, Joomla, MySql y más => Mensaje iniciado por: cristiannd en 04 de Mayo 2020, 16:27

Título: JavaScript orientado a objetos Crear un objeto this new Ejercicio resue CU01143E
Publicado por: cristiannd en 04 de Mayo 2020, 16:27
Propuesta de solución para el ejercicio CU01143E del tutorial de desarrollo web con javascript desde cero.


Citar
Crea un documento HTML (página web) donde exista un botón “Crear cuenta bancaria”. Cuando el usuario pulse sobre el botón debe:

a) Pedirse al usuario un nombre de titular, apellidos de titular y saldo de la cuenta.

b) Crear un nuevo objeto cuentaBancaria (similar al que hemos creado en los ejemplos) que se inicializará con los datos facilitados por el usuario.

c) Mostrar un mensaje informando de que se ha creado la nueva cuenta bancaria y de los datos asociados a la cuenta bancaria creada.


Código: [Seleccionar]
<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <title>EJERCICIO CU01143E</title>
    <script>
        function crearCuentaBancaria(datoNombre, datoApellido, datoSaldo){
            this.nombreDelTitular = datoNombre;
            this.apellidoDelTitular = datoApellido;
            this.saldoDelTitular = datoSaldo;
            this.mostrarDatos = function(){
                var msg = 'La cuenta a sido creada con éxito. Los datos son:' + '\n' +
                'Nombre: ' + this.nombreDelTitular + '\n' +
                'Apellido: ' + this.apellidoDelTitular + '\n' +
                'Saldo: ' + this.saldoDelTitular + '\n';

                alert(msg);
            }
        }

        function nuevaCuenta(){
            var nombre = prompt('Ingrese su nombre');
            var apellido = prompt('Ingrese su apellido');
            var saldo = prompt('Ingrese su saldo')
            var cuenta1 = new crearCuentaBancaria(nombre, apellido, saldo);
            cuenta1.mostrarDatos();
        }
    </script>
</head>
<body>
    <h1>BANCO</h1>
    <button onclick="nuevaCuenta()">Crear cuenta bancaria</button>
</body>
</html>
Título: Re:JavaScript orientado a objetos Crear un objeto this new Ejercicio resue CU01143E
Publicado por: Ogramar en 30 de Septiembre 2020, 19:51
Buenas, para quien revise este código, el ejercicio cumple correctamente con lo que se pedía. Salu2