Vehicle Loan EMI Calculator Script
If you want to make a tool website like mine info tech official then you must attach the Vehicle Loan EMI Calculator Script tool to your website. Vehicle Loan EMI Calculator Script has a high search volume on google search. So it will be good to attach it to your website for organic traffic. In this article, we will tell you the whole process of attaching a Vehicle Loan EMI Calculator Script tool to your website. (Like info tech official)
Demo for Vehicle Loan EMI Calculator Script
Follow these steps to attach this tool
1. Open blogger for a new post
Create a new post and just copy and paste the
given HTML script in Html compose view.
Write some unique
paragraphs
You should not just copy and paste the script
and that’s it. You should write some unique paragraphs. It will be a good
practice to save your website from copyright content violation because this
script will be used by many people like you.
So, Make it unique before publishing.
3. Html, CSS and Java script
<div class="col-md-12
paymentCalc">
<div class="col-md-6">
<form action=""
id="loanCalc" method="get">
<div
class="col-md-12">
<h2>Calculate Your Auto Loan Payment</h2>
<div
class="form-group">
<label>Vehicle Price</label>
<input
class="form-control" id="vehiclePrice"
oninput="this.value = this.value.replace(/[^0-9.]/g,
'').replace(/(\..*)\./g, '$1');" type="text" />
</div>
</div>
<div
class="col-md-6">
<div
class="form-group">
<label>Down Payment</label>
<input
class="form-control" id="downPayment"
oninput="this.value = this.value.replace(/[^0-9.]/g,
'').replace(/(\..*)\./g, '$1');" type="text" value="0"
/>
</div>
</div>
<div
class="col-md-6">
<div class="form-group">
<label>Trade In Value</label>
<input
class="form-control" id="tradeValue"
oninput="this.value = this.value.replace(/[^0-9.]/g,
'').replace(/(\..*)\./g, '$1');" type="text" value="0"
/>
</div>
</div>
<div
class="col-md-6">
<div
class="form-group">
<label>Interest Rate</label>
<input
class="form-control" id="intRate" oninput="this.value
= this.value.replace(/[^0-9.]/g, '').replace(/(\..*)\./g, '$1');"
type="text" value="3.25" />
</div>
</div>
<div
class="col-md-6">
<div
class="form-group">
<label>Loan Term</label>
<input
class="form-control" id="loanTerm" oninput="this.value
= this.value.replace(/[^0-9.]/g, '').replace(/(\..*)\./g, '$1');"
placeholder="Loan Term (ex: 36 Months)" type="text" />
</div>
</div>
<div
class="clearfix"></div>
<div
class="col-md-12">
<a
class="calcBtn" href="#" id="calculate"
onclick="calculatePayments()" value="Calulate">Calculate</a>
</div>
</form> </div>
<div class="col-md-6">
<div
id="paymentResults">
</div>
</div> </div>
<head>
<style>
body{
padding:20px;
}
#loanCalc input{
padding:10px;
display:block;
}
.clearfix{
clear:both!important;
}
.paymentCalc{
background-color: #f7f7f7;
border: 1px solid #d3d3d3;
padding: 35px 35px;
overflow: auto;
}
.calcBtn{
display:inline-block;
background:#c62233;
color:#fff;
text-align:center;
padding:10px 20px;
border-radius: 3px;
}
#paymentResults{
display: none;
background:#fff;
padding: 30px 60px 36px 60px;
border:1px solid lightgrey;
margin-top:88px;
}
</style>
<script> function
calculatePayments(){
var vehiclePrice = document.getElementById('vehiclePrice').value,
loanTerm =
document.getElementById('loanTerm').value,
intRate =
document.getElementById('intRate').value,
downPayment =
document.getElementById('downPayment').value,
tradeValue =
document.getElementById('tradeValue').value,
amount =
parseInt(vehiclePrice),
months =
parseInt(loanTerm),
down =
parseInt(downPayment),
trade =
parseInt(tradeValue),
totalDown = down +
trade
annInterest =
parseFloat(intRate),
monInt = annInterest /
1200;
if(!amount){
alert('Please add
a loan amount');
return;
}
if(!months){
months = 60;
loanTerm =
document.getElementById('loanTerm').value = '60';
}
if(!downPayment){
down = 0;
downPayment =
document.getElementById('downPayment').value = '0';
}
if(!trade){
trade = 0;
tradeValue =
document.getElementById('tradeValue').value = '0';
}
if(!annInterest){
annInterest =
3.25;
intRate =
document.getElementById('intRate').value = '3.25';
}
var calc = ((monInt +
(monInt / (Math.pow((1 + monInt), months) -1))) * (amount - (totalDown ||
0))).toFixed(2);
var paymentResults =
document.getElementById('paymentResults');
paymentResults.style.display = 'block';
paymentResults.innerHTML
= '';
var results =
document.createElement('div');
results.innerHTML =
'<h1 style="text-align:center">Estimated Monthly Payment
is:<br/></h1>' + '<h3 style="text-align:center">$'
+ calc + '/Month</h3>';
paymentResults.append(results);
} </script>
</head>
4. How does this work?
This application is a copy of the vehicle Loan EMI Calculator Script.
You are adding this tool as a widget on your webpage. Instead of sending your
visitors to other websites for vehicle Vehicle Loan {EMI Calculator Script},
you can have this application on your website itself.
Post a Comment