Calcular tasa de interés
Versión con jQuery
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>::Uso de getElementById con jQuery::</title>
<!-- jQuery -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<!-- jQuery -->
<script type="text/javascript" language="javascript">
<!--
console.log('aqui se crea la función')
function calculo(){
// aqui hago uso de la propiedad getElementById("")
var vi=$('#valor_inicial').val();
var vf=$('#valor_final').val();
var n=$('#periodo').val();
// esta es la variable que mostrará el resultado
var result=$('#result').val((Math.pow(vf/vi,1/n)- 1)*100);
}
// $('#test-table'); equivale a document.getElementById('test-table');
function limpia(){
$('#valor_final').val("");
$('#valor_inicial').val("");
$('#periodo').val("");
$('#result').val("");
}
-->
</script>
</head>
<body>
<h1>Calcular tasa de interés</h1>
<div>
valor final:
<input id="valor_final" type="text" value=""/><br/>
valor inicial:<input id="valor_inicial" type="text" value=""/><br/>
periodo:<input id="periodo" type="text" value=""/><br/>
<button onclick="calculo()">Calcular</button>
Tasa de interés generado:<b><input id="result" type="text" value=""/></b>
<button onclick="limpia()">Borrar</button>
</div>
</body>
</html>
