-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
51 lines (46 loc) · 2.44 KB
/
index.html
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
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Project Euler 031 - Coin Sums</title>
<!-- Load Styles -->
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-0evHe/X+R7YkIZDRvuzKMRqM+OrBnVFBL6DOitfPri4tjfHxaWutUpFmBp4vmVor" crossorigin="anonymous">
<link href="css/style.css" rel="stylesheet">
</head>
<body>
<!-- Set Up Headers -->
<header class="container-fluid text-center">
<h1>Project Euler 031</h1>
<h2>Coin Sums</h2>
</header>
<!-- Set Up Instructions -->
<section class="container-fluid instructions">
<p>In the United Kingdom the currency is made up of pound (£) and pence (p). There are eight coins in general circulation:</p>
<p><span class="coins">1p, 2p, 5p, 10p, 20p, 50p, £1 (100p), and £2 (200p).</span></p>
<p>It is possible to make £2 in the following way:</p>
<p><span class="coins">1x£1 + 1x50p + 2x20p + 1x5p + 1x2p + 3x1p</span></p>
<p>The aim is to find the number of different ways that n pence can be made using any number of coins. Begin by entering the value in pence.</p>
</section>
<!-- Set Up Form -->
<section class="container-fluid">
<form>
<!-- Set Up Label and Input -->
<article class="mb-3">
<label class="form-label" for="pence">Value in Pence (Required)</label>
<input class="form-control" placeholder="Enter value in pence between 1 and 1000 (e.g. 200)" title="Enter value in pence between 1 and 1000 (e.g. 200)" id="pence">
</article>
<!-- Set Up and Center Buttons -->
<article class="d-grid gap-2 d-flex justify-content-center">
<button type="button" onclick="getCoinInfo()" class="btn btn-info">Submit</button>
<button type="reset" onclick="clearInfo()" class="btn btn-warning">Reset</button>
</article>
</form>
<!-- Display Coin Information -->
<p id="coininfo"></p>
<!-- Load Script -->
<script src="js/script.js"></script>
</section>
</body>
</html>