{"id":1202,"date":"2026-06-02T16:44:04","date_gmt":"2026-06-02T16:44:04","guid":{"rendered":"https:\/\/adultomedia.com\/yctruckcapital\/?page_id=1202"},"modified":"2026-06-04T20:09:55","modified_gmt":"2026-06-04T20:09:55","slug":"loan-calculator","status":"publish","type":"page","link":"https:\/\/adultomedia.com\/yctruckcapital\/loan-calculator\/","title":{"rendered":"Loan Calculator"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1202\" class=\"elementor elementor-1202\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3b2d8e3 e-flex e-con-boxed e-con e-parent\" data-id=\"3b2d8e3\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c1c3360 elementor-widget elementor-widget-hfe-breadcrumbs-widget\" data-id=\"c1c3360\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"hfe-breadcrumbs-widget.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<nav aria-label=\"Breadcrumb\"><ul class=\"hfe-breadcrumbs hfe-breadcrumbs-show-home\"><li class=\"hfe-breadcrumbs-item hfe-breadcrumbs-first\"><span class=\"hfe-breadcrumbs-home-icon\"><\/span><a href=\"https:\/\/adultomedia.com\/yctruckcapital\"><span class=\"hfe-breadcrumbs-text\">Home<\/span><\/a><\/li><\/ul><\/nav>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a8f7232 e-con-full e-flex e-con e-parent\" data-id=\"a8f7232\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-db05106 elementor-widget elementor-widget-html\" data-id=\"db05106\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"upcalc-wrapper\">\r\n\r\n    <div class=\"upcalc-container\">\r\n\r\n        <div class=\"upcalc-header\">\r\n            <h2 class=\"upcalc-title\">Truck Loan Calculator<\/h2>\r\n            <p class=\"upcalc-subtitle\">\r\n                Calculate your truck financing payments instantly.\r\n            <\/p>\r\n        <\/div>\r\n\r\n        <div class=\"upcalc-grid\">\r\n\r\n            <!-- Loan Amount -->\r\n            <div class=\"upcalc-field\">\r\n                <label>Loan Amount ($)<\/label>\r\n                <input type=\"number\" id=\"upcalc-loan\" value=\"0\" placeholder=\"Enter Loan Amount\">\r\n                <input type=\"range\" id=\"upcalc-loan-range\" min=\"0\" max=\"500000\" value=\"0\">\r\n            <\/div>\r\n\r\n            <!-- Number of Payments -->\r\n            <div class=\"upcalc-field\">\r\n                <label>No. of Payments (Months)<\/label>\r\n                <input type=\"number\" id=\"upcalc-months\" value=\"0\" placeholder=\"Enter Months\">\r\n                <input type=\"range\" id=\"upcalc-months-range\" min=\"0\" max=\"120\" value=\"0\">\r\n            <\/div>\r\n\r\n            <!-- Interest Rate -->\r\n            <div class=\"upcalc-field\">\r\n                <label>Interest Rate (%)<\/label>\r\n                <input type=\"number\" id=\"upcalc-rate\" step=\"0.1\" value=\"0\" placeholder=\"Enter Interest Rate\">\r\n                <input type=\"range\" id=\"upcalc-rate-range\" min=\"0\" max=\"60\" step=\"0.1\" value=\"0\">\r\n            <\/div>\r\n\r\n            <!-- Balloon Amount -->\r\n            <div class=\"upcalc-field\">\r\n                <label>Balloon Amount ($)<\/label>\r\n                <input type=\"number\" id=\"upcalc-balloon\" value=\"0\" placeholder=\"Enter Balloon Amount\">\r\n                <input type=\"range\" id=\"upcalc-balloon-range\" min=\"0\" max=\"200000\" value=\"0\">\r\n            <\/div>\r\n\r\n            <!-- Payment Mode -->\r\n            <div class=\"upcalc-field upcalc-full\">\r\n                <label>Payment Mode<\/label>\r\n                <select id=\"upcalc-mode\">\r\n                    <option value=\"arrears\">In Arrears<\/option>\r\n                    <option value=\"advance\">In Advance<\/option>\r\n                <\/select>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"upcalc-btn-wrap\">\r\n            <button id=\"upcalc-calculate-btn\">Calculate Loan<\/button>\r\n            <button id=\"upcalc-reset-btn\">Reset<\/button>\r\n        <\/div>\r\n\r\n        <div class=\"upcalc-results\">\r\n\r\n            <div class=\"upcalc-card\">\r\n                <span>Monthly Payment<\/span>\r\n                <h3 id=\"upcalc-payment\">$0.00<\/h3>\r\n            <\/div>\r\n\r\n            <div class=\"upcalc-card\">\r\n                <span>Total Interest<\/span>\r\n                <h3 id=\"upcalc-interest\">$0.00<\/h3>\r\n            <\/div>\r\n\r\n            <div class=\"upcalc-card\">\r\n                <span>Balloon Payment<\/span>\r\n                <h3 id=\"upcalc-balloon-show\">$0.00<\/h3>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n<style>\r\n\r\n.upcalc-wrapper{\r\n    padding:60px 15px;\r\n}\r\n\r\n.upcalc-container{\r\n    max-width:1300px;\r\n    margin:auto;\r\n}\r\n\r\n.upcalc-header{\r\n    text-align:center;\r\n    margin-bottom:40px;\r\n}\r\n\r\n.upcalc-title{\r\n    font-size:46px;\r\n    font-weight:800;\r\n    color:#111827;\r\n    margin-bottom:10px;\r\n}\r\n\r\n.upcalc-subtitle{\r\n    font-size:17px;\r\n    color:#6b7280;\r\n}\r\n\r\n.upcalc-grid{\r\n    display:grid;\r\n    grid-template-columns:repeat(2,1fr);\r\n    gap:25px;\r\n    background:#fff;\r\n    padding:35px;\r\n    border-radius:25px;\r\n    box-shadow:0 15px 50px rgba(0,0,0,.08);\r\n}\r\n\r\n.upcalc-full{\r\n    grid-column:1\/-1;\r\n}\r\n\r\n.upcalc-field{\r\n    display:flex;\r\n    flex-direction:column;\r\n    gap:12px;\r\n}\r\n\r\n.upcalc-field label{\r\n    font-size:16px;\r\n    font-weight:700;\r\n    color:#111827;\r\n}\r\n\r\n.upcalc-field input,\r\n.upcalc-field select{\r\n    width:100%;\r\n    height:56px;\r\n    border:1px solid #dbe2ea;\r\n    border-radius:12px;\r\n    padding:0 15px;\r\n    font-size:16px;\r\n    transition:.3s;\r\n}\r\n\r\n.upcalc-field input:focus,\r\n.upcalc-field select:focus{\r\n    outline:none;\r\n    border-color:#2563eb;\r\n    box-shadow:0 0 0 4px rgba(37,99,235,.15);\r\n}\r\n\r\n.upcalc-field input[type=\"range\"]{\r\n    -webkit-appearance:none;\r\n    appearance:none;\r\n    height:8px;\r\n    border:none;\r\n    background:#dbe4ff;\r\n    border-radius:50px;\r\n    padding:0;\r\n}\r\n\r\n.upcalc-field input[type=\"range\"]::-webkit-slider-thumb{\r\n    -webkit-appearance:none;\r\n    width:22px;\r\n    height:22px;\r\n    border-radius:50%;\r\n    background:#2563eb;\r\n    cursor:pointer;\r\n}\r\n\r\n.upcalc-btn-wrap{\r\n    display:flex;\r\n    justify-content:center;\r\n    gap:15px;\r\n    margin-top:35px;\r\n    flex-wrap:wrap;\r\n}\r\n\r\n#upcalc-calculate-btn{\r\n    background:linear-gradient(135deg,#2563eb,#0d6efd);\r\n    color:#fff;\r\n    border:none;\r\n    padding:16px 40px;\r\n    border-radius:5px;\r\n    font-size:16px;\r\n    font-weight:700;\r\n    cursor:pointer;\r\n    transition:.3s;\r\n}\r\n\r\n#upcalc-calculate-btn:hover{\r\n    transform:translateY(-3px);\r\n}\r\n\r\n#upcalc-reset-btn{\r\n    background:#fff;\r\n    border:1px solid #ddd;\r\n    padding:16px 40px;\r\n    border-radius:5px;\r\n    font-size:16px;\r\n    font-weight:700;\r\n    cursor:pointer;\r\n    color: #000;\r\n}\r\n\r\n.upcalc-results{\r\n    display:grid;\r\n    grid-template-columns:repeat(3,1fr);\r\n    gap:20px;\r\n    margin-top:35px;\r\n}\r\n\r\n.upcalc-card{\r\n    background:linear-gradient(135deg,#111827,#1f2937);\r\n    padding:30px;\r\n    border-radius:18px;\r\n    text-align:center;\r\n    \r\n}\r\n\r\n.upcalc-card span{\r\n    color:#cbd5e1;\r\n    display:block;\r\n    margin-bottom:12px;\r\n    font-size: 20px;\r\n}\r\n\r\n.upcalc-card h3{\r\n    margin:0;\r\n    font-size:34px;\r\n    color:#3b82f6;\r\n    font-weight:800;\r\n}\r\n\r\n@media(max-width:768px){\r\n\r\n    .upcalc-grid{\r\n        grid-template-columns:1fr;\r\n        padding:20px;\r\n    }\r\n\r\n    .upcalc-full{\r\n        grid-column:auto;\r\n    }\r\n\r\n    .upcalc-results{\r\n        grid-template-columns:1fr;\r\n    }\r\n\r\n    .upcalc-title{\r\n        font-size:30px;\r\n    }\r\n\r\n    .upcalc-card h3{\r\n        font-size:28px;\r\n    }\r\n\r\n    #upcalc-calculate-btn,\r\n    #upcalc-reset-btn{\r\n        width:100%;\r\n    }\r\n}\r\n\r\n<\/style>\r\n\r\n<script>\r\n\r\nconst loanInput = document.getElementById(\"upcalc-loan\");\r\nconst loanRange = document.getElementById(\"upcalc-loan-range\");\r\n\r\nconst monthsInput = document.getElementById(\"upcalc-months\");\r\nconst monthsRange = document.getElementById(\"upcalc-months-range\");\r\n\r\nconst rateInput = document.getElementById(\"upcalc-rate\");\r\nconst rateRange = document.getElementById(\"upcalc-rate-range\");\r\n\r\nconst balloonInput = document.getElementById(\"upcalc-balloon\");\r\nconst balloonRange = document.getElementById(\"upcalc-balloon-range\");\r\n\r\nconst modeSelect = document.getElementById(\"upcalc-mode\");\r\n\r\nfunction sync(input, range){\r\n\r\n    input.addEventListener(\"input\", function(){\r\n        range.value = input.value;\r\n    });\r\n\r\n    range.addEventListener(\"input\", function(){\r\n        input.value = range.value;\r\n    });\r\n}\r\n\r\nsync(loanInput, loanRange);\r\nsync(monthsInput, monthsRange);\r\nsync(rateInput, rateRange);\r\nsync(balloonInput, balloonRange);\r\n\r\ndocument.getElementById(\"upcalc-calculate-btn\").addEventListener(\"click\", calculateLoan);\r\n\r\ndocument.getElementById(\"upcalc-reset-btn\").addEventListener(\"click\", resetLoan);\r\n\r\nfunction calculateLoan(){\r\n\r\n    let P = parseFloat(loanInput.value) || 0;\r\n    let n = parseInt(monthsInput.value) || 0;\r\n    let annualRate = parseFloat(rateInput.value) || 0;\r\n    let B = parseFloat(balloonInput.value) || 0;\r\n\r\n    if(P <= 0 || n <= 0){\r\n\r\n        document.getElementById(\"upcalc-payment\").innerHTML = \"$0.00\";\r\n        document.getElementById(\"upcalc-interest\").innerHTML = \"$0.00\";\r\n        document.getElementById(\"upcalc-balloon-show\").innerHTML = \"$0.00\";\r\n\r\n        alert(\"Please enter Loan Amount and Number of Payments.\");\r\n        return;\r\n    }\r\n\r\n    let r = annualRate \/ 12 \/ 100;\r\n\r\n    let monthlyPayment = 0;\r\n\r\n    if(r === 0){\r\n\r\n        monthlyPayment = (P - B) \/ n;\r\n\r\n    }else{\r\n\r\n        let balloonPV = B \/ Math.pow((1 + r), n);\r\n\r\n        monthlyPayment =\r\n        (P - balloonPV) \/\r\n        ((1 - Math.pow((1 + r), -n)) \/ r);\r\n\r\n        if(modeSelect.value === \"advance\"){\r\n            monthlyPayment = monthlyPayment \/ (1 + r);\r\n        }\r\n    }\r\n\r\n    let totalPaid = (monthlyPayment * n) + B;\r\n    let totalInterest = totalPaid - P;\r\n\r\n    document.getElementById(\"upcalc-payment\").innerHTML =\r\n    \"$\" + monthlyPayment.toFixed(2);\r\n\r\n    document.getElementById(\"upcalc-interest\").innerHTML =\r\n    \"$\" + totalInterest.toFixed(2);\r\n\r\n    document.getElementById(\"upcalc-balloon-show\").innerHTML =\r\n    \"$\" + B.toFixed(2);\r\n}\r\n\r\nfunction resetLoan(){\r\n\r\n    loanInput.value = 0;\r\n    loanRange.value = 0;\r\n\r\n    monthsInput.value = 0;\r\n    monthsRange.value = 0;\r\n\r\n    rateInput.value = 0;\r\n    rateRange.value = 0;\r\n\r\n    balloonInput.value = 0;\r\n    balloonRange.value = 0;\r\n\r\n    modeSelect.value = \"arrears\";\r\n\r\n    document.getElementById(\"upcalc-payment\").innerHTML = \"$0.00\";\r\n    document.getElementById(\"upcalc-interest\").innerHTML = \"$0.00\";\r\n    document.getElementById(\"upcalc-balloon-show\").innerHTML = \"$0.00\";\r\n}\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Home Truck Loan Calculator Calculate your truck financing payments instantly. Loan Amount ($) No. of Payments (Months) Interest Rate (%) Balloon Amount ($) Payment Mode In ArrearsIn Advance Calculate Loan Reset Monthly Payment $0.00 Total Interest $0.00 Balloon Payment $0.00<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-1202","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/adultomedia.com\/yctruckcapital\/wp-json\/wp\/v2\/pages\/1202","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/adultomedia.com\/yctruckcapital\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/adultomedia.com\/yctruckcapital\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/adultomedia.com\/yctruckcapital\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/adultomedia.com\/yctruckcapital\/wp-json\/wp\/v2\/comments?post=1202"}],"version-history":[{"count":34,"href":"https:\/\/adultomedia.com\/yctruckcapital\/wp-json\/wp\/v2\/pages\/1202\/revisions"}],"predecessor-version":[{"id":1532,"href":"https:\/\/adultomedia.com\/yctruckcapital\/wp-json\/wp\/v2\/pages\/1202\/revisions\/1532"}],"wp:attachment":[{"href":"https:\/\/adultomedia.com\/yctruckcapital\/wp-json\/wp\/v2\/media?parent=1202"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}