Mi programa no imprime nada en "pago"
y en "formadePago"
, siempre imprime lo mismo independiente del boton presionado, entonces cual es el error?
Deseo que imprima la forma de pago
, correspondiente al boton presionado y que en 'pago'
sea el mismo valor que en 'formaDePago'
Las diferencias entre el primer y segundo intento son el código de Pasajero.prototype ,y que en la segunda añadí un Onclick a los botones
Primer intento:
// ** Usando constructor **
function Pasajero(identificador, nombre, email, celular, edad) {
this.identificador = identificador;
this.nombre = nombre;
this.email = email;
this.celular = celular;
this.edad = edad;
}
// Variables globales
var efectivo = document.getElementById('efectivo');
var cheque = document.getElementById('cheque');
var tarjeta = document.getElementById('tarjeta');
var evento = document.getElementById('crear');
var pasajeros = []; // Cantidad de pasajeros .length
var persona = "";
var t = "";
// ** Fin Constructor **
// ** Prototipo del constructor **
Pasajero.prototype = {
pago: "",
formaDePago: function() {
if (efectivo) {
return this.pago = 'efectivo';
}
else if(cheque){
return this.pago = 'cheque';
}
else if(tarjeta){
return this.pago = 'tarjeta';
}
else {
console.log("Selecciona método de pago por favor");
}
console.log(pago);
}
};
// Añadimos un evento con una función anónima..
evento.addEventListener('click', function(){
persona = new Pasajero((pasajeros.length + 1), "aena", "[email protected]", "+56958274822", "24" );
pasajeros.push((pasajeros.length + 1));
// Recorremos el array
pasajeros.forEach(function(e){console.log(e);});
// Recorremos el objeto creado del constructor
for (var i in persona) {
document.write('<hr></hr>' + i + ": " + (typeof persona[i] === 'function' ? persona[i]() : persona[i]));
}
});
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin <title>JS Bin</title>
</head>
<body>
<div id="array">
<input type="button" id="efectivo" value="Efectivo"/>
<input type="button" id="cheque" value="Cheque"/>
<input type="button" id="tarjeta" value="Tarjeta"/>
<hr></hr>
<input type="button" id="crear" value="Crear Pasajero"/>
</div>
</body>
</html>
Segundo intento:
// ** Usando constructor **
function Pasajero(identificador, nombre, email, celular, edad) {
this.identificador = identificador;
this.nombre = nombre;
this.email = email;
this.celular = celular;
this.edad = edad;
}
// Variables globales
var efectivo = document.getElementById('efectivo');
var cheque = document.getElementById('cheque');
var tarjeta = document.getElementById('tarjeta');
var evento = document.getElementById('crear');
var pasajeros = []; // Cantidad de pasajeros .length
var persona = "";
var t = "";
// ** Fin Constructor **
// ** Prototipo del constructor **
Pasajero.prototype = {
pago: "",
formaDePago: function(t) {
switch(t) {
case 'efectivo':
return this.pago = 'efectivo';
break;
case 'cheque':
return this.pago = 'cheque';
break;
case 'tarjeta':
return this.pago = 'tarjeta';
break;
default: this.pago = 'Selecciona tu forma de pagar';
}
}
};
// Añadimos un evento con una función anónima..
evento.addEventListener('click', function(){
persona = new Pasajero((pasajeros.length + 1), "aena", "[email protected]", "+56958274822", "24" );
pasajeros.push((pasajeros.length + 1));
// Recorremos el array
pasajeros.forEach(function(e){console.log(e);});
// Recorremos el objeto creado del constructor
for (var i in persona) {
document.write('<hr></hr>' + i + ": " + (typeof persona[i] === 'function' ? persona[i]() : persona[i]));
}
});
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin <title>JS Bin</title>
</head>
<body>
<div id="array">
<input type="button" id="efectivo" onclick="persona.formaDePago('efectivo')"value="Efectivo"/>
<input type="button" onclick="persona.formaDePago('cheque')"id="cheque" value="Cheque"/>
<input type="button" id="tarjeta" onclick="persona.formaDePago('tarjeta')"value="Tarjeta"/>
<hr></hr>
<input type="button" id="crear" value="Crear Pasajero"/>
</div>
</body>
</html>