economica.html

<html>
<head><title>::Línea de código [Programación orientada a objetos con javascript]::</title>

<!--

Autor: Ariel Carraro

-->

</head>
<body>
<h2>Programación orientada a objetos con javascript</h2>

<script type="text/javascript" language="javascript">

console.log("creo el constructor");
//creo el "constructor" de la clase
function Economica(valor,tasa,periodo){
  this.valor=valor;
  this.tasa=tasa;
  this.periodo=periodo;
  this.desplegarResultado=desplegarResultado;// este es un método que nos mostrará el resultado de la operación
}

function ver(string){
  alert(string);
}


//creo el método para obtener el resultado de la operación
function desplegarResultado(){
   var valorFuturo=parseFloat(this.valor)*Math.pow(1+parseFloat(this.tasa)/100,parseInt(this.periodo));
   console.log("valor futuro: "+valorFuturo);
   var result="\n..valor: "+this.valor+"   \n..tasa: "+this.tasa+"  \n..periodo: "+this.periodo;
   result+="  \nresultado: "+valorFuturo.toString();
   // se invoca al método "ver"
   ver(result);
}

//método principal, solicita los datos al usuario
function datos(){
var valor=prompt("Valor:","");
var tasa=prompt("Tasa:","");
var periodo=prompt("Periodo:","");

<!-- creamos una instancia de la "clase" Economica y le pasamos los parámetros -->
obj1=new Economica(parseFloat(valor),parseFloat(tasa),parseInt(periodo));

<!-- invocamos al método "desplegarResultado" para ver el resultado -->
obj1.desplegarResultado();
}

</script>


<button onclick="javascript:datos()">Ver ejemplo</button>


<body></html>