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:55] 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                                                                      | 
-fieldset "Loan Details" +| **Monthly Payment**       | ~~=round((r1c1/1200 * r0c1) / (1 (1 + r1c1/1200)**(-r2c1*12)), 2)~~  | 
-  number "Amount" "10000" >0 +| **Total Interest Paid**   | ~~=round((r3c1 * r2c1 * 12) - r0c1, 2)~~                               | 
-  number "Rate" "5" >0 +| **Total Cost**            | ~~=round(r0c1 + r4c1, 2)~~                                             |
-  number "Years" "5" >0 +
-  static "display" " " +
-# Use a simple button instead of 'submit' to prevent the page from clearing +
-button "Calculate" +
-</form> +
- +
-<js> +
-document.addEventListener("DOMContentLoaded", function() +
-    var form = document.querySelector(".bureaucracy__form"); +
-    if (!formreturn; +
- +
-    // Target the specific button +
-    var btn form.querySelector("button"); +
-     +
-    if (btn) { +
-        btn.onclick = function(e) { +
-            // STOP any browser or plugin defaults +
-            e.preventDefault()+
- +
-            // Get inputs (order: Amount, Rate, Years) +
-            var inputs = form.querySelectorAll('input.edit'); +
-            var p = parseFloat(inputs[0].value);  +
-            var r_annual = parseFloat(inputs[1].value);  +
-            var n_years = parseFloat(inputs[2].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 x) / (1); +
-                 +
-                var totalPaid = m n; +
-                var totalInterest = totalPaid - p; +
-                 +
-                // Inject results into the static area +
-                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;">Calculation Results</h3> +
-                        <strong>Monthly Payment:</strong> $${m.toFixed(2)}<br> +
-                        <strong>Total Interest:</strong> $${totalInterest.toFixed(2)}<br> +
-                        <strong>Total Cost:</strong> $${totalPaid.toFixed(2)+
-                    </div> +
-                `; +
-            } else { +
-                alert("Please enter values greater than zero in all fields."); +
-            } +
-            return false; +
-        }; +
-    } +
-}); +
-</js> +
car.1775343321.txt.gz · Last modified: by admin