{"id":7,"date":"2026-03-09T14:02:15","date_gmt":"2026-03-09T14:02:15","guid":{"rendered":"https:\/\/rsajobs4all.co.za\/?page_id=7"},"modified":"2026-03-09T14:19:08","modified_gmt":"2026-03-09T14:19:08","slug":"7-2","status":"publish","type":"page","link":"https:\/\/rsajobs4all.co.za\/?page_id=7","title":{"rendered":""},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>Find Your Car<\/title>\n\n<style>\n\nbody{\nfont-family:Arial;\nbackground:#f4f4f4;\n}\n\n.container{\nmax-width:800px;\nmargin:40px auto;\nbackground:white;\npadding:25px;\nborder-radius:10px;\n}\n\ninput,select{\nwidth:100%;\npadding:10px;\nmargin:10px 0;\nborder:1px solid #ccc;\nborder-radius:5px;\n}\n\n.result{\nbackground:#f7f7f7;\npadding:15px;\nborder-radius:6px;\nmargin-top:10px;\nfont-weight:bold;\n}\n\n<\/style>\n<\/head>\n\n<body>\n\n<div class=\"container\">\n\n<h2>Search Cars<\/h2>\n\n<label>Select Car Brand<\/label>\n<select id=\"brand\">\n\n<option value=\"\">Choose Brand<\/option>\n<option value=\"Toyota\">Toyota<\/option>\n<option value=\"Volkswagen\">Volkswagen<\/option>\n<option value=\"BMW\">BMW<\/option>\n<option value=\"Mercedes\">Mercedes<\/option>\n<option value=\"Ford\">Ford<\/option>\n\n<\/select>\n\n<label>Select Model<\/label>\n<select id=\"model\">\n\n<option value=\"\">Choose Model<\/option>\n<option data-brand=\"Toyota\" value=\"Corolla\">Corolla<\/option>\n<option data-brand=\"Toyota\" value=\"Hilux\">Hilux<\/option>\n\n<option data-brand=\"Volkswagen\" value=\"Polo\">Polo<\/option>\n<option data-brand=\"Volkswagen\" value=\"Golf\">Golf<\/option>\n\n<option data-brand=\"BMW\" value=\"320i\">320i<\/option>\n<option data-brand=\"BMW\" value=\"X5\">X5<\/option>\n\n<option data-brand=\"Mercedes\" value=\"C200\">C200<\/option>\n<option data-brand=\"Mercedes\" value=\"A200\">A200<\/option>\n\n<option data-brand=\"Ford\" value=\"Ranger\">Ranger<\/option>\n<option data-brand=\"Ford\" value=\"Fiesta\">Fiesta<\/option>\n\n<\/select>\n\n<label>Car Price (R)<\/label>\n<input type=\"number\" id=\"price\" placeholder=\"Example 200000\">\n\n<label>Deposit You Pay (R)<\/label>\n<input type=\"number\" id=\"deposit\" placeholder=\"Example 20000\">\n\n<label>Months<\/label>\n<select id=\"months\">\n\n<option value=\"12\">12 Months<\/option>\n<option value=\"24\">24 Months<\/option>\n<option value=\"36\">36 Months<\/option>\n<option value=\"48\">48 Months<\/option>\n<option value=\"60\">60 Months<\/option>\n<option value=\"72\">72 Months<\/option>\n\n<\/select>\n\n<div class=\"result\" id=\"balance\">\nRemaining Balance: R0\n<\/div>\n\n<div class=\"result\" id=\"monthly\">\nMonthly Installment: R0\n<\/div>\n\n<\/div>\n\n<script>\n\n\/* FILTER MODELS BY BRAND *\/\n\nconst brand=document.getElementById(\"brand\");\nconst model=document.getElementById(\"model\");\n\nbrand.addEventListener(\"change\",function(){\n\nlet selected=this.value;\n\nfor(let option of model.options){\n\nif(option.dataset.brand){\n\noption.style.display=\noption.dataset.brand===selected ? \"block\":\"none\";\n\n}\n\n}\n\n});\n\n\/* CALCULATOR *\/\n\nfunction calculate(){\n\nlet price=parseFloat(document.getElementById(\"price\").value)||0;\nlet deposit=parseFloat(document.getElementById(\"deposit\").value)||0;\nlet months=parseInt(document.getElementById(\"months\").value);\n\nlet remaining=price-deposit;\n\nif(remaining<0){remaining=0;}\n\nlet monthly=remaining\/months;\n\ndocument.getElementById(\"balance\").innerHTML=\n\"Remaining Balance: R\"+remaining.toFixed(2);\n\ndocument.getElementById(\"monthly\").innerHTML=\n\"Monthly Installment: R\"+monthly.toFixed(2);\n\n}\n\ndocument.getElementById(\"price\").addEventListener(\"input\",calculate);\ndocument.getElementById(\"deposit\").addEventListener(\"input\",calculate);\ndocument.getElementById(\"months\").addEventListener(\"change\",calculate);\n\n<\/script>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Find Your Car Search Cars Select Car Brand Choose BrandToyotaVolkswagenBMWMercedesFord Select Model Choose ModelCorollaHiluxPoloGolf320iX5C200A200RangerFiesta Car Price (R) Deposit You Pay (R) Months 12 Months24 Months36 Months48 Months60 Months72 Months Remaining Balance: R0 Monthly Installment: R0<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-7","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/rsajobs4all.co.za\/index.php?rest_route=\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rsajobs4all.co.za\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/rsajobs4all.co.za\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/rsajobs4all.co.za\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/rsajobs4all.co.za\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=7"}],"version-history":[{"count":4,"href":"https:\/\/rsajobs4all.co.za\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":12,"href":"https:\/\/rsajobs4all.co.za\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions\/12"}],"wp:attachment":[{"href":"https:\/\/rsajobs4all.co.za\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}