File Manager

X7ROOT File Manager

Current Path: /home/gfecatvj/sites/realesbar-X/resources/views

home / gfecatvj / sites / realesbar-X / resources / views /

📁 ..
📁 admin
📁 auth
📁 blog
📄 child.blade.php(205 B)
📄 contact.blade.php(3.91 KB)
📄 contactForm.blade.php(2.01 KB)
📄 email.blade.php(15.51 KB)
📁 emails
📄 head.blade.php(1.86 KB)
📄 home.blade.php(650 B)
📄 inc_footer.blade.php(4.2 KB)
📄 inc_header.blade.php(4.83 KB)
📄 layout.blade.php(270 B)
📁 layouts
📄 login.blade.php(3.16 KB)
📄 mortgageCalculator.blade.php(2.24 KB)
📁 property
📄 templ.blade.php(1.24 KB)
📄 thanku4contactus.blade.php(2.23 KB)
📄 welcome.blade.php(2.71 KB)

Editing: mortgageCalculator.blade.php

<section class="widget widgetPadding widgetCalc bgWhite">
										<h3 class="fontNeuron fwBold text-capitalize">Mortgage Calculator</h3>
										
										<form action="#" class="widgetCalcForm">
											<div class="form-group">
												<span class="icnInput small fas fa-dollar-sign"></span>
												<input type="number" class="form-control elemenBlock" id="amt" value="{{ $value->price ?? '' }}" placeholder="Property price">
											</div>
											<div class="form-group">
												<span class="icnInput small fas fa-dollar-sign"></span>
												<input type="number" class="form-control elemenBlock" id="deposit" placeholder="Deposit">
											</div>
											<div class="form-group">
												<span class="icnInput small fas fa-percent"></span>
												<input type="number" class="form-control elemenBlock" id="apr" value="3.99" placeholder="Annual Interest">
											</div>
											<div class="form-group">
												<span class="icnInput small far fa-calendar-alt"></span>
												<input type="number" class="form-control elemenBlock" id="trm" value="20" placeholder="Years">
											</div>
											<button type="button" id="sbt" class="elemenBlock btn btnSecondary fontNeuron text-uppercase">CALCULATE</button>
											<p><span class="text-primary elemenBlock text-center textCount">Monthly Payment: <span id="pmt">₵969.04</span> </span></p>
										</form>
									</section>
									<script>
		var term;
		var apr;
		var amt;
		var mPmt;

window.onload = function()
		{
		  document.getElementById("apr").focus();
		  document.getElementById("sbt").onclick = getValues;
		};

//use toFixed(2) to set the precision of the mPayment. Use it on an int.
		function getValues()
		{
		  term = document.getElementById("trm").value;
		  deposit = document.getElementById("deposit").value;
		  apr = document.getElementById("apr").value;
		  amt = document.getElementById("amt").value;
		  amt -=deposit;
		  apr /= 1200;
		  term *= 12;
		  mPmt = calculatePayment();
		  document.getElementById("pmt").innerHTML = "₵" + mPmt.toFixed(2);
		};

function calculatePayment()
		{
			var payment = amt*(apr * Math.pow((1 + apr), term))/(Math.pow((1 + apr), term) - 1);
			return payment;
		}
	</script>

X7ROOT File Manager

Editing: mortgageCalculator.blade.php

Upload File

Create Folder