emi calculator js code

1
2  <div class="outerShell">
3     <form name="loan-form" onsubmit="return calculator()">
4    <div class='loanBlock'>
5     Loan Amount<br>
6     <input type=number id="amount" style="border-radius:5px"><br>
7    </div>
8     <div class='aprBlock'>
9     Annual Percent Rate<br>
10     <input type="number" name="apr" id="apr" style="border-radius:5px"><br>
11     </div>
12      <div class='tenureBlock'>
13     Tenure<br>
14     <input type=number name="tenure" id="tenure" style="border-radius:5px"><br>
15     <br>
16      </div>
17      <div id=buttonBlock>
18    <button style="border-radius:2px">Find Out</button>
19      </div>
20    </form>
21    <P id="EMICapt"></P>
22    <script src='script.js'> </script>
23  </div>

1
2.divShell{
3  background-color: antiquewhite
4}
5
6H1{
7  text-align: center
8}
9form{
10  border-radius: 3px;
11  background-color: thistle;
12  align-self: center;
13  color: brown
14  margin: 6px;
15  padding-top: 20px;
16  padding-bottom:20px;
17  padding-left: 50px;
18  padding-right: 50px;
19  font-family: "Times New Roman", Times, serif;
20}
21
22.loanBlock{
23  text-align: center;
24  font-weight: bold;
25  padding: 20px;
26}
27
28.aprBlock{
29  text-align: center;
30  font-weight: bold;
31  padding: 20px;
32}
33
34.tenureBlock{
35  text-align: center;
36  font-weight: bold;
37  padding: 20px;
38}
39
40.buttonBlock{
41  text-align: center;
42  padding-bottom: 5px;
43  padding-top: 10px;
44  padding-left: 20px;
45  padding-right:20px
46}
47
48button{
49  position: relative;
50  left: 42.5%;
51  bottom: 25%;
52  background-color: navy;
53  color: white;
54  padding: 10px;
55  border-radius: 30px
56}
57
58#EMICapt{
59
60  border-radius: 10px;
61  background-color:antiquewhite;
62  color: rgb(236, 17, 17);
63  padding: 20px;
64  text-align: center
65}

1
2  <div class="outerShell">
3    <H1>EMI Calculator for  </H1>
4    <form name="loan-form" onsubmit="return calculator()">
5    <div class='loanBlock'>
6     Loan Amount<br>
7     <input type=number id="amount" style="border-radius:5px"><br>
8    </div>
9     <div class='aprBlock'>
10     Annual Percent Rate<br>
11     <input type="number" name="apr" id="apr" style="border-radius:5px"><br>
12     </div>
13      <div class='tenureBlock'>
14     Tenure<br>
15     <input type=number name="tenure" id="tenure" style="border-radius:5px"><br>
16     <br>
17      </div>
18      <div id=buttonBlock>
19    <button style="border-radius:2px">Find Out</button>
20      </div>
21    </form>
22    <P id="EMICapt"></P>
23    <script src='script.js'> </script>
24  </div>