forked from extrude575757/JavaScript-Foundations
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathin.html
More file actions
98 lines (86 loc) · 2.81 KB
/
Copy pathin.html
File metadata and controls
98 lines (86 loc) · 2.81 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
<!DOCTYPE html>
<html>
<head>
<title>JavaScript Foundations</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
button{
height: 6rem;
width:5rem;
}
textarea#clientName{
width: 20rem;
height:4rem;
}
div{
display:flex;
flex-direction: column;
align-content:center;
flex-wrap: wrap;
}
p{
width: 30%;
height: 100%;
}
div.can{
border:1px solid black;
width:100%;
height: 100%;
}
</style>
<script src="index.js"></script>
</head>
<body>
<div class='can'>
<h1>The Mortgage Calculator of the Future</h1>
<p>This mortgage calculator will total up all your monthy payments based off the apr percentage rate, amount barrowed from us, and the amount of years the payments will be made</p>
<p class = 'error' id='formerror'></p>
<form >
<table>
<tr>
<select id="selectbox" name="" onchange="javascript:location.href = this.value;">
<option onclick = "getUserInput()" value="index.html" >Regular Calculator</option>
<option onclick = "getVarInput()" value="varint.html" >varInt</option>
</select>
<td class = "labels">Variable Interest Rates 10X!! Option</td>
<td class = "textbox"><input type = "checkbox" class="varInt" id = "varInt" onclick = "getVarInput()"></td>
</tr>
<tr>
<td class = "labels">What is your name?</td>
<td class = "textbox"><input type = "text" id = "input1" onclick = "getUserInput()"></td>
</tr>
<tr>
<td class = "labels">The Principal Loan Amount Barrowed</td>
<td class = "textbox"><input type = "number" id = "principal" onclick = "getUserInput()"></td>
</tr>
<tr>
<td class = "labels">Years of Payment</td>
<td class = "textbox"><input type = "number" id = "loanTerm" onclick = "getUserInput()"></td>
</tr>
<tr>
<td class = "labels">Credit Score</td>
<td class = "textbox"><input type = "number" id = "creditScore" onclick = "getUserInput()"></td>
</tr>
<tr>
<td class = "labels">The Interest Rate</td>
<td class = "textbox"><input type = "number" id = "interestRate" onclick = "getUserInput()"></td>
</tr>
<tr>
<td class = "labels">You're using</td>
<p id ="using" class = "textbox"></p>
</tr>
<tr>
<td class = "labels"><textarea type = "text" id = "clientName"></textarea></td>
<td class = "textbox"><input type = "number" id = "payment" name = "monthlyPayment"></td>
</tr>
<tr>
<td class = "button"><button onclick = "getUserInput()">Calculate Monthly Payments</button></td>
<td class = "button"><input type = "reset" name = "Reset"></td>
</tr>
</table>
</form>
<div><p id='thanks'></p></div>
</div>
</body>
</html>