mirror of
https://github.com/Raghu-Ch/ES6-Handson.git
synced 2026-02-10 04:33:02 -05:00
Initial commit
This commit is contained in:
36
index.html
Normal file
36
index.html
Normal file
@@ -0,0 +1,36 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<link href='http://fonts.googleapis.com/css?family=Roboto:400,300,700' rel='stylesheet' type='text/css'>
|
||||
<link href="css/styles.css" rel="stylesheet" type="text/css">
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<h1>Mortgage Calculator</h1>
|
||||
</header>
|
||||
<div class="content">
|
||||
<div class="form">
|
||||
<div>
|
||||
<label>Principal:</label>
|
||||
<input type="text" id="principal" value="200000"/>
|
||||
</div>
|
||||
<div>
|
||||
<label>Years:</label>
|
||||
<input type="text" id="years" value="30"/>
|
||||
</div>
|
||||
<div>
|
||||
<label htmlFor="rate">Rate:</label>
|
||||
<input type="text" id="rate" value="5.0"/>
|
||||
</div>
|
||||
<div>
|
||||
<label htmlFor="calcBtn"></label>
|
||||
<button id="calcBtn">Calculate</button>
|
||||
</div>
|
||||
</div>
|
||||
<h2>Monthly Payment: <span id="monthlyPayment" class="currency"></span></h2>
|
||||
<h3>MonthlyRate: <span id="monthlyRate"></span></h3>
|
||||
</div>
|
||||
<script src="build/main.bundle.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user