Autor Tema: Crear objetos en JavaScript a partir de funciones ejercicios resueltos CU01143E (Leído 3133 veces)

DRANXZ88 · « **en:** 31 de Julio 2019, 20:27 »

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.

index.html

Código: [Seleccionar]

<!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

Código: [Seleccionar]

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

Código: [Seleccionar]

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);

	};
}

Ogramar · « **Respuesta #1 en:** 11 de Junio 2020, 17:33 »

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:

Código: [Seleccionar]

<!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.

Foros aprenderaprogramar.com
Didáctica y divulgación de la programación

Noticias:

Autor Tema: Crear objetos en JavaScript a partir de funciones ejercicios resueltos CU01143E (Leído 3133 veces)

DRANXZ88

Crear objetos en JavaScript a partir de funciones ejercicios resueltos CU01143E

Ogramar

Re:Crear objetos en JavaScript a partir de funciones ejercicios resueltos CU01143E

Preguntas y respuestas

Foros aprenderaprogramar.com Didáctica y divulgación de la programación

Noticias:

Autor Tema: Crear objetos en JavaScript a partir de funciones ejercicios resueltos CU01143E (Leído 3133 veces)

DRANXZ88

Crear objetos en JavaScript a partir de funciones ejercicios resueltos CU01143E

Ogramar

Re:Crear objetos en JavaScript a partir de funciones ejercicios resueltos CU01143E

Preguntas y respuestas

Foros aprenderaprogramar.com
Didáctica y divulgación de la programación