Javascript es un lenguaje de programación que permite ampliar las posibilidades de las páginas HTML. El navegador se encarga por completo de interpretar el código escrito y no hay necesidad de compilación.
Para incluir código Javascript en páginas HTML es necesario hacer uso de la etiqueta
De esta forma insertaremos código Javascript de la siguiente forma:
También se pueden usar scripts externos:
Así, por ejemplo, vamos realizar algo de programación orientada a objetos con Javascript. De esta forma haremos un ejemplo para obtener el valor futuro de una inversión (su valor) dado una tasa de interés y periodo o plazo final. Tenemos entonces tres datos:
- valor presente
- tasa de interés
- periodo final
La fórmula para calcular el valor futuro es:
valor_futuro=valor*Math.pow(1+tasa/100,periodo)
Vamos a definir una función que sirva como "constructor" de la clase Economica:
console.log("Creo el Constructor");
function Economica(valor,tasa,periodo){
this.valor=valor;
this.tasa=tasa;
this.periodo=periodo;
// Este es un método que nos mostrará el resultado de la operación
this.desplegarResultado=desplegarResultado;
}
Ahora creamos una función para visualizar los datos:
function ver(string){
alert(string);
}
Definimos el método "desplegarResultado"
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();
ver(result);
}
También es necesario crear un método que solicite 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();
}
Por último creamos un botón que active el método "datos":
El resultado que obtendremos por pantalla una vez que hayamos introducido el valor de la inversión, la tasa de interés y periodo o plazo de pago será el siguiente: