Autor Tema: JavaScript crear objetos con this y new. Diseño orientado a objetos CU01143E#  (Leído 1805 veces)

Pepote21

  • Principiante
  • **
  • APR2.COM
  • Mensajes: 92
    • Ver Perfil
Hola a todos. Os adjunto mi código para el ejercicio CU01143E del curso básico de programación web con JavaScript usando Notepad++ como editor. Gracias.

Un saludo

Código: [Seleccionar]
<!DOCTYPE html>
<html>
    <head>
        <title>Ejercicio  tutorialesprogramacionya.com</title>
        <meta charset="utf-8">
        <style type="text/css">
            body {font-family: sans-serif; text-align:center; }
            div {border-style:solid; margin:20px; padding:15px; display:inline-block;}
.boton{padding:15px; width:200px; text-align:center; clear:both; color: white; border-radius: 40px; background: rgb(202, 60, 60);}
        </style>
        <script type="text/javascript">       
function CuentaBancaria (nombre,apellidos,saldo) {
                this.nombreTitular=nombre;
this.apellidosTitular=apellidos;
this.saldoTitular=saldo;
this.mostrarDatos=function(){
                    var msg = 'Los datos actuales de la cuenta son: '+'\n';
msg=msg+'Nombre del titular: '+this.nombreTitular+' '+this.apellidosTitular+'\n';
msg=msg+'Saldo actual en cuenta: '+this.saldoTitular;
                    alert(msg);
                }
            }
function crearCuentaBancaria(){
            var nombre=prompt('Introduzca su nombre');
var apellidos=prompt('Introduzca sus apellidos');
var saldo=prompt('Introduza saldo cuenta');
saldo=Number(saldo);
    var cuenta1 = new CuentaBancaria(nombre,apellidos,saldo);
                cuenta1.mostrarDatos(); 
}
        </script>
    </head>
    <body>
        <div class="boton" onclick="crearCuentaBancaria()">Crear cuenta bancaria</div>
    </body>
</html>
« Última modificación: 23 de Junio 2017, 21:58 por Ogramar »

Ogramar

  • Moderador Global
  • Experto
  • *******
  • Mensajes: 2660
    • Ver Perfil
Buenas Pepote21, buen código y buen diseño, me ha gustado que definas una función que define el objeto CuentaBancaria con sus atributos y métodos, y otra función para crear la cuenta donde pides los datos para la cuenta, creas el objeto y utilizas un método del objeto.

Salu2

 

Sobre la educación, sólo puedo decir que es el tema más importante en el que nosotros, como pueblo, debemos involucrarnos.

Abraham Lincoln (1808-1865) Presidente estadounidense.

aprenderaprogramar.com: Desde 2006 comprometidos con la didáctica y divulgación de la programación

Preguntas y respuestas

¿Cómo establecer o cambiar la imagen asociada (avatar) de usuario?
  1. Inicia sesión con tu nombre de usuario y contraseña.
  2. Pulsa en perfil --> perfil del foro
  3. Elige la imagen personalizada que quieras usar. Puedes escogerla de una galería de imágenes o subirla desde tu ordenador.
  4. En la parte final de la página pulsa el botón "cambiar perfil".