-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathtier-5.php
More file actions
77 lines (67 loc) · 2.45 KB
/
tier-5.php
File metadata and controls
77 lines (67 loc) · 2.45 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
<!DOCTYPE html>
<html>
<head>
<!-- LOAD ALL DEPENDENCY LINKS FROM FILE -->
<?php require_once("lib/head-utils.php");?>
<title>JavaScript Assignment | Unique Challenges</title>
</head>
<body>
<!-- LOAD NAVBAR FROM FILE -->
<?php require_once("lib/navbar.php"); ?>
<main>
<div class="container">
<h1 class="pacifico--font">Tier V - Extras!</h1>
<hr class="mt-5 bg-secondary">
<!-- permutations finder -->
<section>
<h2>Permutations Finder :D</h2>
<p class="small">Warning: Expensive function! Your browser might crash. Input limited to 5 characters.</p>
<div class="form-group">
<input id="perms-input" class="form-control" type="text" maxlength="5" placeholder="Beer Me.">
</div>
<button class="btn btn-primary" onclick="permutations();">YOLO!</button>
<div id="perms-output">
<ol id="perms-list"></ol>
</div>
</section>
<section class="border border-secondary rounded p-4">
<!-- input -->
<h2 class="pacifico--font h1">Calculator</h2>
<hr>
<div class="row">
<div class="col-sm-2">
<label for="number1">Number #1</label>
<input type="number" id="number1" class="form-control input-lg" value="0">
</div>
<div class="col-sm-2">
<label for="number2">Number #2</label>
<input type="number" id="number2" class="form-control input-lg" value="0">
</div>
</div>
<!-- buttons -->
<div class="row">
<div class="col">
<h4 class="mt-3">Choose an Operation</h4>
<button id="add" class="btn btn-primary" onclick="add();"><i class="fa fa-plus fa-2x"></i></button>
<button id="subtract" class="btn btn-primary" onclick="subtract();"><i class="fa fa-minus fa-2x"></i></button>
<button id="multiply" class="btn btn-primary" onclick="multiply();"><i class="fa fa-times fa-2x"></i></button>
<button id="divide" class="btn btn-primary" onclick="divide();"><i class="fa fa-2x"><strong>÷</strong></i></button>
</div>
</div>
<!-- results -->
<h4 class="mt-3">Result</h4>
<div id="result" class="lead"></div>
</section>
<section>
<h2 class="pacifico--font">JSON Data: Celebrity Kitties</h2>
<hr>
<ul id="kitty-list"></ul>
</section>
</div><!--/.container-->
</main>
<!-- JavaScript - Marty Level JS -->
<script src="js/tier-5.js"></script>
<!-- JavaScript - Leonora's Challenge -->
<script src="js/kitties.js"></script>
</body>
</html>