Anda Ingin Memesan Honda Scoopy ?
Kami siap menjelaskan lebih lanjut perihal Honda Scoopy Fashion beserta seluruh proses pembelian cash dan kredit.
Hubungi Kami
<div id=”simulasi-honda”>
<style>
#simulasi-honda{
max-width:650px;
margin:30px auto;
font-family:Arial,Helvetica,sans-serif;
}
#simulasi-honda *{
box-sizing:border-box;
}
.honda-card{
background:#8b0000;
border:1px solid #e5e5e5;
border-radius:16px;
padding:25px;
box-shadow:0 8px 25px rgba(0,0,0,.07);
}
.honda-title{
text-align:center;
margin-bottom:25px;
}
.honda-title h2{
margin:0;
font-size:24px;
color:#fff;
font-weight:800;
}
.honda-title p{
margin:7px 0 0;
color:#fff;
font-size:10px;
}
.honda-field{
margin-bottom:17px;
}
.honda-field label{
display:block;
margin-bottom:7px;
font-size:14px;
font-weight:700;
color:#fff;
}
.honda-field select,
.honda-field input{
width:100%;
height:48px;
padding:0 14px;
border:1px solid #ddd;
border-radius:9px;
font-size:15px;
background:#fff;
outline:none;
}
.honda-field select:focus,
.honda-field input:focus{
border-color:#c90000;
}
.honda-field input[readonly]{
background:#f6f6f6;
font-weight:700;
}
.honda-result{
margin-top:20px;
padding:18px;
background:#f8f8f8;
border-radius:12px;
}
.honda-row{
display:flex;
justify-content:space-between;
padding:10px 0;
border-bottom:1px solid #e5e5e5;
font-size:14px;
}
.honda-row:last-child{
border-bottom:0;
}
.honda-row span{
color:#666;
}
.honda-row strong{
color:#222;
text-align:right;
}
.honda-installment{
margin-top:18px;
padding:20px;
background:#fff;
border:2px solid #c90000;
border-radius:12px;
text-align:center;
}
.honda-installment small{
display:block;
color:#666;
font-size:12px;
font-weight:700;
margin-bottom:7px;
}
.honda-installment strong{
display:block;
color:#c90000;
font-size:30px;
font-weight:900;
}
.honda-wa{
display:block;
width:100%;
margin-top:15px;
padding:14px;
border-radius:9px;
background:#25D366;
color:#fff!important;
text-decoration:none!important;
text-align:center;
font-size:15px;
font-weight:800;
}
.honda-error{
display:none;
margin-top:10px;
padding:10px;
border-radius:8px;
background:#fff0f0;
color:#b00000;
font-size:13px;
}
.honda-note{
margin-top:12px;
text-align:center;
color:#888;
font-size:11px;
}
@media(max-width:600px){
#simulasi-honda{
margin:15px 10px;
}
.honda-card{
padding:18px;
}
.honda-title h2{
font-size:21px;
}
.honda-installment strong{
font-size:25px;
}
}
</style>
<div class=”honda-card”>
<div class=”honda-title”>
<h2>Simulasi Kredit Motor Honda</h2>
<p>Pilih motor, DP dan tenor untuk melihat perkiraan cicilan</p>
</div>
<!– PILIH MOTOR –>
<div class=”honda-field”>
<label>Pilih Motor</label>
<select id=”honda-motor”>
<option value=”19675000″>
BeAT CBS
</option>
<option value=”20725000″>
BeAT CBS ISS
</option>
<option value=”21300000″>
BeAT Deluxe Smartkey
</option>
<option value=”20850000″>
BeAT Street
</option>
<option value=”21150000″>
Genio CBS
</option>
<option value=”21350000″>
Genio CBS – SP
</option>
<option value=”21575000″>
Genio CBS ISS
</option>
<option value=”23975000″>
Scoopy Fashion
</option>
<option value=”24775000″>
Scoopy Stylish & Prestige
</option>
<option value=”30050000″>
Stylo CBS
</option>
<option value=”33025000″>
Stylo ABS
</option>
<option value=”34800000″>
Stylo abs – SP
</option>
<option value=”25150000″>
Vario 125 CBS
</option>
<option value=”27025000″>
Vario 125 CBS ISS
</option>
<option value=”27450000″>
Vario 125 Street
</option>
<option value=”28800000″>
Vario EVO 160 CBS
</option>
<option value=”29050000″>
Vario 160 CBS Nitro
</option>
<option value=”31825000″>
Vario EVO 160 ABS
</option>
<option value=”34400000″>
PCX 160 CBS
</option>
<option value=”37925000″>
PCX 160 ABS
</option>
<option value=”41250000″>
PCX 160 Roadsync
</option>
<option value=”37450000″>
ADV 160 CBS
</option>
<option value=”40500000″>
ADV 160 ABS
</option>
<option value=”42100000″>
ADV 160 Roadsync
</option>
<option value=”29050000″>
Vario 160 CBS Nitro
</option>
<option value=”31825000″>
Vario EVO 160 ABS
</option>
<option value=”34400000″>
PCX 160 CBS
</option>
<option value=”37925000″>
PCX 160 ABS
</option>
<option value=”41250000″>
PCX 160 Roadsync
</option>
<option value=”37450000″>
ADV 160 CBS
</option>
<option value=”40500000″>
ADV 160 ABS
</option>
<option value=”42100000″>
ADV 160 Roadsync
</option>
</select>
</div>
<!– HARGA NORMAL –>
<div class=”honda-field”>
<label>Harga Normal</label>
<input
type=”text”
id=”honda-harga”
readonly
>
</div>
<!– DP –>
<div class=”honda-field”>
<label>DP</label>
<input
type=”number”
id=”honda-dp”
value=”5000000″
min=”0″
step=”100000″
>
</div>
<!– TENOR –>
<div class=”honda-field”>
<label>Tenor</label>
<select id=”honda-tenor”>
<option value=”11″>
11 Bulan
</option>
<option value=”17″>
17 Bulan
</option>
<option value=”23″>
23 Bulan
</option>
<option value=”29″>
29 Bulan
</option>
<option value=”35″ selected>
35 Bulan
</option>
</select>
</div>
<div
id=”honda-error”
class=”honda-error”
>
Silakan masukkan DP yang sesuai.
</div>
<!– HASIL –>
<div class=”honda-result”>
<div class=”honda-row”>
<span>Motor</span>
<strong id=”hasil-motor”>-</strong>
</div>
<div class=”honda-row”>
<span>Harga Normal</span>
<strong id=”hasil-harga”>
Rp0
</strong>
</div>
<div class=”honda-row”>
<span>DP</span>
<strong id=”hasil-dp”>
Rp0
</strong>
</div>
<div class=”honda-row”>
<span>Tenor</span>
<strong id=”hasil-tenor”>
–
</strong>
</div>
<div class=”honda-installment”>
<small>
PERKIRAAN ANGSURAN / BULAN
</small>
<strong id=”hasil-angsuran”>
Rp0
</strong>
</div>
<a
id=”honda-whatsapp”
class=”honda-wa”
href=”#”
target=”_blank”
rel=”noopener”
>
💬 TANYA PROMO & KREDIT
</a>
<div class=”honda-note”>
*Estimasi dapat berbeda sesuai program pembiayaan
dan ketentuan yang berlaku.
</div>
</div>
</div>
<script>
(function(){
const motor =
document.getElementById(
“honda-motor”
);
const harga =
document.getElementById(
“honda-harga”
);
const dp =
document.getElementById(
“honda-dp”
);
const tenor =
document.getElementById(
“honda-tenor”
);
const error =
document.getElementById(
“honda-error”
);
const hasilMotor =
document.getElementById(
“hasil-motor”
);
const hasilHarga =
document.getElementById(
“hasil-harga”
);
const hasilDP =
document.getElementById(
“hasil-dp”
);
const hasilTenor =
document.getElementById(
“hasil-tenor”
);
const hasilAngsuran =
document.getElementById(
“hasil-angsuran”
);
const whatsapp =
document.getElementById(
“honda-whatsapp”
);
const nomorWhatsApp =
“628999305676”;
function rupiah(angka){
return new Intl.NumberFormat(
“id-ID”,
{
style:”currency”,
currency:”IDR”,
maximumFractionDigits:0
}
).format(angka);
}
function hitung(){
const hargaNormal =
Number(motor.value);
const uangDP =
Number(dp.value) || 0;
const jumlahTenor =
Number(tenor.value);
const namaMotor =
motor.options[
motor.selectedIndex
].text;
harga.value =
rupiah(hargaNormal);
if(
uangDP < 0 ||
uangDP >= hargaNormal
){
error.style.display =
“block”;
hasilAngsuran.textContent =
“Rp0”;
whatsapp.href =
“#”;
return;
}
error.style.display =
“none”;
/*
RUMUS:
Harga Normal – DP
= Nilai Kredit
Nilai Kredit x 75%
+ Nilai Kredit
= Total Kredit
Total Kredit / Tenor
= Angsuran
*/
const nilaiKredit =
hargaNormal – uangDP;
const tambahan75 =
nilaiKredit * 0.75;
const totalKredit =
nilaiKredit + tambahan75;
const angsuran =
totalKredit /
jumlahTenor;
hasilMotor.textContent =
namaMotor;
hasilHarga.textContent =
rupiah(hargaNormal);
hasilDP.textContent =
rupiah(uangDP);
hasilTenor.textContent =
jumlahTenor + ” Bulan”;
hasilAngsuran.textContent =
rupiah(
Math.round(
angsuran
)
);
const pesan =
“Halo Motor Honda Bandung,%0A%0A” +
“Saya tertarik dengan:%0A” +
“Motor: ” +
namaMotor +
“%0AHarga: ” +
rupiah(hargaNormal) +
“%0ADP: ” +
rupiah(uangDP) +
“%0ATenor: ” +
jumlahTenor +
” bulan” +
“%0AEstimasi Angsuran: ” +
rupiah(
Math.round(
angsuran
)
);
whatsapp.href =
“https://wa.me/” +
nomorWhatsApp +
“?text=” +
pesan;
}
/*
OTOMATIS MENGHITUNG
TANPA TOMBOL
*/
motor.addEventListener(
“change”,
hitung
);
dp.addEventListener(
“input”,
hitung
);
tenor.addEventListener(
“change”,
hitung
);
hitung();
})();
</script>
</div>
Ulasan
Belum ada ulasan.