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: DRANXZ88 en 31 de Julio 2019, 20:27
-
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.
index.html
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<title>Ejercicios javascript (CU01143E)
</title>
<link rel="stylesheet" type="text/css" href="css/estilos.css">
</head>
<body>
<div>
<button onclick="cargarDatos();">Crear cuenta bancaria</button>
</div>
<script type="text/javascript" src="js/funciones.js"></script>
</body>
</html>
estilos.css
body{
font-family: Arial, Helvetica, sans-serif;
background: yellow;
}
button{
background-color:blue;color:white;width:120px;
border-radius: 5px;
}código javascript funciones.js
function cargarDatos(){
var nombre = prompt("Ingrese su nombre: ", "");
var apellido = prompt("Ingrese su apellido: ", "");
var saldo = prompt("Ingrese el saldo: ", "");
var cuenta1 = new CuentaBancaria(nombre,apellido,saldo);
cuenta1.mostrarDatos();
}
function validar(){
}
function CuentaBancaria (nombre,apellido,saldo) {
//alert("hola");
this.nombreTitular = nombre;
this.apellidosTitular = apellido;
this.saldo = saldo;
this.mostrarDatos = function () {
var msg = 'Ha creado una cuenta bancaria ';
msg = msg + 'Los datos de la cuenta son Nombre: ' + this.nombreTitular;
msg = msg + '; Apellidos: ' + this.apellidosTitular + '; Saldo: ' + this.saldo;
alert(msg);
};
}
-
Buenas, para quien revise este ejercicio decir que está bien resuelto y es un buen ejemplo de cómo crear objetos JavaScript a partir de funciones. El código anterior hay que montarlo en archivos para que funcione. Para que resulte más fácil de probar lo dejo aquí todo unido para que pueda probarse con un solo archivo:
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<title>Ejercicios javascript (CU01143E)
</title>
<style type="text/css">
body{
font-family: Arial, Helvetica, sans-serif;
background: yellow;
}
button{
background-color:blue;color:white;width:120px;
border-radius: 5px;
}
</style>
<script type="text/javascript">
function cargarDatos(){
var nombre = prompt("Ingrese su nombre: ", "");
var apellido = prompt("Ingrese su apellido: ", "");
var saldo = prompt("Ingrese el saldo: ", "");
var cuenta1 = new CuentaBancaria(nombre,apellido,saldo);
cuenta1.mostrarDatos();
}
function validar(){
}
function CuentaBancaria (nombre,apellido,saldo) {
this.nombreTitular = nombre;
this.apellidosTitular = apellido;
this.saldo = saldo;
this.mostrarDatos = function () {
var msg = 'Ha creado una cuenta bancaria ';
msg = msg + 'Los datos de la cuenta son Nombre: ' + this.nombreTitular;
msg = msg + '; Apellidos: ' + this.apellidosTitular + '; Saldo: ' + this.saldo;
alert(msg);
};
}
</script>
</head>
<body>
<div>
<button onclick="cargarDatos();">Crear cuenta bancaria</button>
</div>
</body>
</html>
Salu2.