Descripción
Para crear una calculadora de interés compuesto mensual con PHP, primero necesitamos entender algunos conceptos básicos.
El interés compuesto se refiere a cuando los intereses generados por una inversión se agregan al capital inicial, y luego se calculan intereses sobre esa cantidad. Es decir, los intereses se suman al capital original y generan intereses adicionales en el futuro.
Por ejemplo, si tenemos una inversión inicial de $10,000 con una tasa de interés anual del 5%, después de un año, habremos ganado $500 en intereses. Si reinvertimos estos $500 y seguimos obteniendo una tasa de interés del 5%, después de dos años, habremos ganado un total de $1,051.25. Este es un ejemplo simplificado, ya que los intereses generalmente se calculan en períodos más cortos que un año, y la tasa de interés puede variar.
Creando el formulario para captura de los datos
Con esto en mente, podemos crear una calculadora de interés compuesto mensual utilizando el siguiente código como base. Abrimos nuestro editor de texto, creamos un archivo llamado index.php, copiamos y pegamos el siguiente código:
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 |
<?php /*Configuración de los datos de tu empresa*/ $rw['nombre_comercial']='Sistemas Web'; $rw['email']='info@tudominio.com'; $rw['telefono']='+503 7052-2525'; $rw['web']='www.obedalvarado.com'; $rw['direccion']='234/90, New York Street<br>United States.'; ?> <html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" /> <meta name="description" content="Crea una calculadora de interés compuesto mensual con PHP" /> <meta name="author" content="Obed Alvarado" /> <title>Calculadora para el interés compuesto mensual - <?php echo $rw['nombre_comercial'];?></title> <!-- BOOTSTRAP CORE STYLE CSS --> <link href="assets/css/bootstrap.css" rel="stylesheet" /> <link href="assets/css/style.css" rel="stylesheet" /> <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto|Varela+Round"> <link rel=icon href='http://obedalvarado.pw/img/logo-icon.png' sizes="32x32" type="image/png"> <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"> <style> table.table td a.edit { color: #FFC107; } table.table td i { font-size: 19px; } table.table td a:hover { color: #2196F3; } </style> </head> <body > <div class="container outer-section" > <div id="print-area"> <div class="row pad-top font-big"> <div class="col-lg-4 col-md-4 col-sm-4"> <a href="https://obedalvarado.pw/" target="_blank"> <img src="assets/img/logo.png" alt="Logo sistemas web" /></a> </div> <div class="col-lg-4 col-md-4 col-sm-4"> <strong>E-mail : </strong> <?php echo $rw['email'];?> <br /> <strong>Teléfono :</strong> <?php echo $rw['telefono'];?> <br /> <strong>Sitio web :</strong> <?php echo $rw['web'];?> </div> <div class="col-lg-4 col-md-4 col-sm-4"> <strong><?php echo $rw['nombre_comercial'];?> </strong> <br /> Dirección : <?php echo $rw['direccion'];?> </div> </div> <div class="row"> <hr /> <div class="col-md-12"> <div class="col-md-3"> <label>Monto total $ </label> <div class="cal-icon"> <input class="form-control" type="text" id="monto" name="monto" value="10000"> </div> </div> <div class="col-md-3"> <label>Tasa de interes anual % </label> <div class="cal-icon"> <input class="form-control" type="text" id="interes" name="interes" value="5"> </div> </div> <div class="col-md-3"> <label>Plazo en años </label> <div class="cal-icon"> <div class="input-group"> <input class="form-control" type="number" id="plazo" name="plazo" value="5"> <span class="input-group-btn"> <button class="btn btn-default" type="button" onclick="calcularAmortizacion();">Calcular</button> </span> </div> </div> </div> </div> </div> <div class="row "> <div class="col-lg-6 col-md-6 col-sm-6"> <h2>Interés compuesto mensual </h2> </div> </div> <div class="row"> <hr /> <div class="col-lg-12 col-md-12 col-sm-12"> <div class="table-responsive"> <table class="table table-striped table-hover"> <thead> <tr> <th class='text-center'>Nº mes</th> <th class='text-center'>Capital inicial</th> <th class='text-center'>Intereses ganados</th> <th class='text-center'>Saldo</th> </tr> </thead> <tbody class='items_calculadora'> </tbody> </table> </div> </div> </div> </div> </div> </body> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> <!-- Latest compiled and minified JavaScript --> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script> <script type="text/javascript"> function calcularAmortizacion(){ let monto = $("#monto").val(); let interes = $("#interes").val(); let plazo = $("#plazo").val(); var parametros={"action":"ajax","monto":monto,"interes":interes,"plazo":plazo}; $.ajax({ url:'ajax/calculadora.php', data: parametros, beforeSend: function(objeto){ $('.items_calculadora').html('Cargando...'); }, success:function(data){ $(".items_calculadora").html(data).fadeIn('slow'); } }) } </script> </html> |
Como funciona la calculadora de interés compuesto mensual
Este código es solo una guía básica para crear una calculadora de interés compuesto mensual. Para que funcione, hemos creado un formulario HTML donde el usuario puede ingresar la cantidad inicial, la tasa de interés anual y el plazo en años. Luego, debemos procesar los datos del formulario en PHP y mostrar los resultados en una tabla HTML. Para el procesamiento de datos he usado jQuery Ajax, para enviar los datos a otro archivo para su procesamiento y posteriormente mostrar los resultados en formato HTML.
En este script, se define una función llamada “calcularAmortizacion” que se ejecuta cuando se hace clic en el botón “Calcular”. La función obtiene los valores de entrada del usuario (monto, tasa de interés anual y plazo en años), los convierte a las unidades necesarias para realizar los cálculos y luego realiza los cálculos necesarios para generar en una tabla los resultados del interés compuesto mensual.
Creando calculadora.php para calcular el interés compuesto mensual
Para este ejemplo vamos a crear una carpeta llamada Ajax, siempre en el directorio raíz de nuestro proyecto y dentro de dicha carpeta vamos a crear un archivo que nombraremos calculadora.php. Copia y pega el siguiente código mostrado a continuación para nuestro archivo calculadora.php
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 |
<?php $action = (isset($_REQUEST['action'])&& $_REQUEST['action'] !=NULL)?$_REQUEST['action']:''; if($action == 'ajax'){ if (isset($_GET['monto'])) { $capitalInicial=floatval($_GET['monto']); $interes=floatval($_GET['interes']); $plazo=intval($_GET['plazo']); $tasaInteres=$interes / 100; $mes = 0; $capital = $capitalInicial; $interesTotal = 0; $inicio_capital=$capitalInicial; $periodos= $plazo * 12; $sumador_interes=0; while ($mes < $periodos) { $mes++; $interes = $capital * $tasaInteres / 12; $capital += $interes; $interesTotal += $interes; $interes_mas_capital=$capitalInicial + $interesTotal; echo "<tr>"; echo "<td class='text-center'>".$mes."</td>"; echo "<td class='text-center'>".number_format($inicio_capital, 2)."</td>"; echo "<td class='text-center'>".number_format($interes, 2)."</td>"; echo "<td class='text-center'>".number_format($interes_mas_capital, 2)."</td>"; echo "</tr>"; $inicio_capital=$capitalInicial + $interesTotal; $sumador_interes+=$interes; } echo "<tr>"; echo "<th class='text-right' colspan=2>TOTALES $</th>"; echo "<th class='text-center'>".number_format($sumador_interes, 2)."</th>"; echo "<th class='text-center'>".number_format($interes_mas_capital, 2)."</th>"; echo "</tr>"; } } ?> |
Añadiendo estilos CSS al formulario
Para darle un mejor aspecto visual al formulario, hemos incorporado Bootstrap, a continuación te dejo un archivo comprimo llamado assets.zip, el cual contiene los archivos de estilos CSS. Puedes descargar y descomprimir dichos archivos en el directorio raíz del proyecto.
- Descarga el archivo assets.zip
Añadiendo el logo a nuestra aplicación
Para añadir el logo a nuestra aplicación, vamos a ubicarnos en el directorio raíz de nuestro proyecto crear una carpeta llamada “img”, dentro de dicha carpeta colocamos nuestro logo en formato .jpg y lo nombramos logo. También es necesario que coloquemos dentro de la carpeta “img“un archivo llamado ajax-loader.gif. Te lo dejo a continuación:
- Descarga el archivo ajax-loader.gif
Llegado a este punto del tutorial, así es como debería verse nuestra calculadora de interés compuesto mensual con PHP.
Conclusión
En este artículo, hemos aprendido cómo crear una calculadora de interés compuesto utilizando PHP. Hemos visto los pasos necesarios para crear la función de cálculo y cómo llamarla con los parámetros correctos para obtener el resultado deseado. También hemos visto cómo mostrar los resultados en la pantalla utilizando la tecnología jQuery Ajax.
Espero que este artículo te haya sido útil y te haya ayudado a entender cómo funciona el interés compuesto y cómo puedes calcularlo utilizando PHP. Recuerda que el interés compuesto es una herramienta poderosa que puede ayudarte a ahorrar dinero y aumentar tus inversiones con el tiempo, en mi caso como programador PHP, me surgió como necesidad para saber cuanto de retorno obtendré en mis inversiones en criptomonedas mediante el Staking, pero tu puedes utilizar esta calculadora para obtener la información de rendimientos sobre cualquier otro activo.
A continuación el código completo para descargar los archivos.
Publicidad
