ewrobbins.com

User Tools

Site Tools

You are here: start » car
car

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revisionPrevious revision
Next revision		Previous revision
car [2026/04/04 22:57] – admincar [2026/04/04 23:11] (current) – [Table] admin
Line 1: Line 1:
-====== Loan Calculator ====== +| Loan Amount ($)           | 35000                                                                  | 
- +| Annual Interest Rate (%)  | 2.9                                                                    | 
-<html> +| Duration (Years)          | 5                                                                      | 
-<div id="loan-calculator" style="padding: 20px; background: #f9f9f9; border: 1px solid #ccc; border-radius: 8px; max-width: 400px;"> +| **Monthly Payment**       | ~~=round((r1c1/1200 * r0c1) / (1 - (1 + r1c1/1200)**(-r2c1*12)), 2)~~  | 
-    <div style="margin-bottom: 15px;"> +| **Total Interest Paid**   | ~~=round((r3c1 * r2c1 * 12) - r0c1, 2)~~                               | 
-        <label>Loan Amount ($):</label><br> +| **Total Cost**            | ~~=round(r0c1 + r4c1, 2)~~                                             |
-        <input type="number" id="loanAmount" value="10000" style="width: 100%; padding: 5px;"> +
-    </div> +
-    <div style="margin-bottom: 15px;"> +
-        <label>Annual Interest Rate (%):</label><br> +
-        <input type="number" id="loanRate" value="5" step="0.1" style="width: 100%; padding: 5px;"> +
-    </div> +
-    <div style="margin-bottom: 15px;"> +
-        <label>Duration (Years):</label><br> +
-        <input type="number" id="loanYears" value="5" style="width: 100%; padding: 5px;"> +
-    </div> +
-     +
-    <button type="button" id="calcBtn" style="padding: 10px 20px; cursor: pointer; background: #2b73b7; color: white; border: none; border-radius: 4px;">Calculate</button> +
- +
-    <div id="loanResult" style="margin-top: 20px; display: none; padding: 15px; background: #eef; border-left: 5px solid #2b73b7;"> +
-        <h4 style="margin: 0 0 10px 0;">Results</h4> +
-        <strong>Monthly Payment:</strong> <span id="outMonthly"></span><br> +
-        <strong>Total Interest:</strong> <span id="outInterest"></span><br> +
-        <strong>Total Cost:</strong> <span id="outTotal"></span> +
-    </div> +
-</div> +
-</html> +
- +
-<js> +
-document.addEventListener("DOMContentLoaded", function() { +
-    var btn = document.getElementById("calcBtn"); +
-    if (!btn) return; +
- +
-    btn.onclick = function() { +
-        var p = parseFloat(document.getElementById("loanAmount").value); +
-        var r_annual = parseFloat(document.getElementById("loanRate").value); +
-        var n_years = parseFloat(document.getElementById("loanYears").value); +
- +
-        if (p > 0 && r_annual > 0 && n_years > 0) { +
-            var r = r_annual / 100 / 12; +
-            var n = n_years * 12; +
-            var x = Math.pow(1 + r, n); +
-            var m = (p * r * x) / (x - 1); +
-             +
-            var totalPaid = m * n; +
-            var totalInterest = totalPaid - p; +
-             +
-            // Show results +
-            document.getElementById("outMonthly").innerText = "$" + m.toFixed(2); +
-            document.getElementById("outInterest").innerText = "$" + totalInterest.toFixed(2); +
-            document.getElementById("outTotal").innerText = "$" + totalPaid.toFixed(2); +
-            document.getElementById("loanResult").style.display = "block"; +
-        } else { +
-            alert("Please enter values greater than zero."); +
-        } +
-    }; +
-}); +
-</js> +
car.1775343440.txt.gz · Last modified: by admin

Page Tools

Except where otherwise noted, content on this wiki is licensed under the following license: CC Attribution-Share Alike 4.0 International
CC Attribution-Share Alike 4.0 International Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki