Site Tools


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:52] admincar [2026/04/04 23:11] (current) – [Table] admin
Line 1: Line 1:
-====== Interactive Loan Calculator ====== +Loan Amount ($          | 35000                                                                  | 
- +| Annual Interest Rate (% 2.9                                                                    | 
-<form> +| Duration (Years         | 5                                                                      | 
-action mail no-reply@example.com +| **Monthly Payment**       | ~~=round((r1c1/1200 * r0c1) / (1 - (1 + r1c1/1200)**(-r2c1*12)), 2)~~  | 
-thanks "Processing..." +| **Total Interest Paid**   | ~~=round((r3c1 * r2c1 * 12) - r0c1, 2)~~                               | 
- +| **Total Cost**            | ~~=round(r0c1 + r4c1, 2)~~                                             |
-fieldset "Loan Details" +
-  number "Principal_Amount" "10000" >0 +
-  number "Interest_Rate" "5" >0 +
-  number "Loan_Duration" "5" >0 +
-  static "display" " " +
-submit "Calculate" +
-</form> +
- +
-<js> +
-document.addEventListener("DOMContentLoaded", function() { +
-    var form = document.querySelector(".bureaucracy__form")+
-    if (!form) return; +
- +
-    form.onsubmit = function(e) { +
-        // 1. STOP the form from actually sending an email +
-        e.preventDefault(); +
-        e.stopPropagation(); +
- +
-        // 2. Get values from the Bureaucracy inputs +
-        var inputs = form.querySelectorAll('input.edit'); +
-        var p parseFloat(inputs[0].value); // Principal +
-        var r_annual = parseFloat(inputs[1].value); // Rate +
-        var n_years = parseFloat(inputs[2].value)// Duration +
- +
-        // 3. Calculation +
-        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 x) / (1); +
-             +
-            var totalPaid = m n; +
-            var totalInterest = totalPaid - p; +
-             +
-            // 4. Inject into the 'static' container +
-            var display = form.querySelector(".bureaucracy__static")+
-            display.innerHTML = ` +
-                <div style="margin-top: 20px; padding: 15px; background: #f0f7ff; border: 1px solid #c2d7ef; border-left: 5px solid #2b73b7; border-radius: 4px;"> +
-                    <h3 style="margin-top:0; color:#2b73b7;">Loan Summary</h3> +
-                    <p><strong>Monthly Payment:</strong> $${m.toFixed(2)}</p> +
-                    <p><strong>Total Interest:</strong> $${totalInterest.toFixed(2)}</p> +
-                    <p><strong>Total Cost:</strong> $${totalPaid.toFixed(2)}</p> +
-                </div> +
-            `; +
-        } else { +
-            alert("Please enter valid numbers in all fields."); +
-        } +
-        return false; +
-    }; +
-}); +
-</js> +
car.1775343175.txt.gz · Last modified: by admin