Skip to content

Commit 6fa40df

Browse files
thgaskellthgaskell
committed
Add some functions
1 parent d817bf5 commit 6fa40df

File tree

9 files changed

+16469
-0
lines changed

9 files changed

+16469
-0
lines changed

‎README.md

+71
Original file line numberDiff line numberDiff line change
@@ -2,3 +2,74 @@ js-functions
22
============
33

44
Javascript Function Exercises
5+
6+
add(x, y)
7+
-----------------------------
8+
Adds two numbers and returns the sum.
9+
10+
**Parameters**
11+
12+
**x**: number
13+
14+
**y**: number
15+
16+
**Returns**: number, the sum
17+
18+
numberToString(n)
19+
-----------------------------
20+
Converts a number a string.
21+
22+
**Parameters**
23+
24+
**n**: number
25+
26+
**Returns**: string, the number as a string
27+
28+
minimum(a, b)
29+
-----------------------------
30+
Returns the smallest value of two numbers.
31+
32+
**Parameters**
33+
34+
**a**: number
35+
36+
**b**: number
37+
38+
**Returns**: number, the smallest number
39+
40+
isEven(n)
41+
-----------------------------
42+
Returns true if `n` is even.
43+
44+
**Parameters**
45+
46+
**n**: number
47+
48+
**Returns**: boolean, the number is even
49+
50+
letterGrade(score, total)
51+
-----------------------------
52+
Returns a letter grade.
53+
"A": 90-100%
54+
"B": 80-89%
55+
"C": 70-79%
56+
"D": 60-69%
57+
"F": 0-59%
58+
59+
**Parameters**
60+
61+
**score**: number
62+
63+
**total**: number, maximum possible score
64+
65+
**Returns**: string, the score represented as a letter grade
66+
67+
letterGrade(restaurant)
68+
-----------------------------
69+
Checks if a `restaurant` object has a `reviews` field.
70+
If it does, increase it by 1. If it does not,
71+
set its `reviews` field to 1.
72+
73+
**Parameters**
74+
75+
**restaurant**: object, represents a restaurant

‎index.html

+22
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,22 @@
1+
<!doctype html>
2+
<html class="no-js" lang="">
3+
<head>
4+
<meta charset="utf-8">
5+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
6+
<title>JavaScript Basics</title>
7+
<meta name="viewport" content="width=device-width, initial-scale=1">
8+
9+
<link rel="stylesheet" href="lib/css/mocha.css">
10+
</head>
11+
<body>
12+
<div id="mocha"></div>
13+
<script src="lib/js/mocha.js" type="text/javascript"></script>
14+
<script src="lib/js/chai.js" type="text/javascript"></script>
15+
<script src="lib/js/sinon-chai.js" type="text/javascript"></script>
16+
<script src="lib/js/sinon.js" type="text/javascript"></script>
17+
<script src="script.js" type="text/javascript"></script>
18+
<script>mocha.setup('bdd');</script>
19+
<script src="test/test-script.js"type="text/javascript"></script>
20+
<script>mocha.run();</script>
21+
</body>
22+
</html>

‎lib/css/mocha.css

+270
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,270 @@
1+
@charset "utf-8";
2+
3+
body {
4+
margin:0;
5+
}
6+
7+
#mocha {
8+
font: 20px/1.5 "Helvetica Neue", Helvetica, Arial, sans-serif;
9+
margin: 60px 50px;
10+
}
11+
12+
#mocha ul,
13+
#mocha li {
14+
margin: 0;
15+
padding: 0;
16+
}
17+
18+
#mocha ul {
19+
list-style: none;
20+
}
21+
22+
#mocha h1,
23+
#mocha h2 {
24+
margin: 0;
25+
}
26+
27+
#mocha h1 {
28+
margin-top: 15px;
29+
font-size: 1em;
30+
font-weight: 200;
31+
}
32+
33+
#mocha h1 a {
34+
text-decoration: none;
35+
color: inherit;
36+
}
37+
38+
#mocha h1 a:hover {
39+
text-decoration: underline;
40+
}
41+
42+
#mocha .suite .suite h1 {
43+
margin-top: 0;
44+
font-size: .8em;
45+
}
46+
47+
#mocha .hidden {
48+
display: none;
49+
}
50+
51+
#mocha h2 {
52+
font-size: 12px;
53+
font-weight: normal;
54+
cursor: pointer;
55+
}
56+
57+
#mocha .suite {
58+
margin-left: 15px;
59+
}
60+
61+
#mocha .test {
62+
margin-left: 15px;
63+
overflow: hidden;
64+
}
65+
66+
#mocha .test.pending:hover h2::after {
67+
content: '(pending)';
68+
font-family: arial, sans-serif;
69+
}
70+
71+
#mocha .test.pass.medium .duration {
72+
background: #c09853;
73+
}
74+
75+
#mocha .test.pass.slow .duration {
76+
background: #b94a48;
77+
}
78+
79+
#mocha .test.pass::before {
80+
content: '✓';
81+
font-size: 12px;
82+
display: block;
83+
float: left;
84+
margin-right: 5px;
85+
color: #00d6b2;
86+
}
87+
88+
#mocha .test.pass .duration {
89+
font-size: 9px;
90+
margin-left: 5px;
91+
padding: 2px 5px;
92+
color: #fff;
93+
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.2);
94+
-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.2);
95+
box-shadow: inset 0 1px 1px rgba(0,0,0,.2);
96+
-webkit-border-radius: 5px;
97+
-moz-border-radius: 5px;
98+
-ms-border-radius: 5px;
99+
-o-border-radius: 5px;
100+
border-radius: 5px;
101+
}
102+
103+
#mocha .test.pass.fast .duration {
104+
display: none;
105+
}
106+
107+
#mocha .test.pending {
108+
color: #0b97c4;
109+
}
110+
111+
#mocha .test.pending::before {
112+
content: '◦';
113+
color: #0b97c4;
114+
}
115+
116+
#mocha .test.fail {
117+
color: #c00;
118+
}
119+
120+
#mocha .test.fail pre {
121+
color: black;
122+
}
123+
124+
#mocha .test.fail::before {
125+
content: '✖';
126+
font-size: 12px;
127+
display: block;
128+
float: left;
129+
margin-right: 5px;
130+
color: #c00;
131+
}
132+
133+
#mocha .test pre.error {
134+
color: #c00;
135+
max-height: 300px;
136+
overflow: auto;
137+
}
138+
139+
/**
140+
* (1): approximate for browsers not supporting calc
141+
* (2): 42 = 2*15 + 2*10 + 2*1 (padding + margin + border)
142+
* ^^ seriously
143+
*/
144+
#mocha .test pre {
145+
display: block;
146+
float: left;
147+
clear: left;
148+
font: 12px/1.5 monaco, monospace;
149+
margin: 5px;
150+
padding: 15px;
151+
border: 1px solid #eee;
152+
max-width: 85%; /*(1)*/
153+
max-width: calc(100% - 42px); /*(2)*/
154+
word-wrap: break-word;
155+
border-bottom-color: #ddd;
156+
-webkit-border-radius: 3px;
157+
-webkit-box-shadow: 0 1px 3px #eee;
158+
-moz-border-radius: 3px;
159+
-moz-box-shadow: 0 1px 3px #eee;
160+
border-radius: 3px;
161+
}
162+
163+
#mocha .test h2 {
164+
position: relative;
165+
}
166+
167+
#mocha .test a.replay {
168+
position: absolute;
169+
top: 3px;
170+
right: 0;
171+
text-decoration: none;
172+
vertical-align: middle;
173+
display: block;
174+
width: 15px;
175+
height: 15px;
176+
line-height: 15px;
177+
text-align: center;
178+
background: #eee;
179+
font-size: 15px;
180+
-moz-border-radius: 15px;
181+
border-radius: 15px;
182+
-webkit-transition: opacity 200ms;
183+
-moz-transition: opacity 200ms;
184+
transition: opacity 200ms;
185+
opacity: 0.3;
186+
color: #888;
187+
}
188+
189+
#mocha .test:hover a.replay {
190+
opacity: 1;
191+
}
192+
193+
#mocha-report.pass .test.fail {
194+
display: none;
195+
}
196+
197+
#mocha-report.fail .test.pass {
198+
display: none;
199+
}
200+
201+
#mocha-report.pending .test.pass,
202+
#mocha-report.pending .test.fail {
203+
display: none;
204+
}
205+
#mocha-report.pending .test.pass.pending {
206+
display: block;
207+
}
208+
209+
#mocha-error {
210+
color: #c00;
211+
font-size: 1.5em;
212+
font-weight: 100;
213+
letter-spacing: 1px;
214+
}
215+
216+
#mocha-stats {
217+
position: fixed;
218+
top: 15px;
219+
right: 10px;
220+
font-size: 12px;
221+
margin: 0;
222+
color: #888;
223+
z-index: 1;
224+
}
225+
226+
#mocha-stats .progress {
227+
float: right;
228+
padding-top: 0;
229+
}
230+
231+
#mocha-stats em {
232+
color: black;
233+
}
234+
235+
#mocha-stats a {
236+
text-decoration: none;
237+
color: inherit;
238+
}
239+
240+
#mocha-stats a:hover {
241+
border-bottom: 1px solid #eee;
242+
}
243+
244+
#mocha-stats li {
245+
display: inline-block;
246+
margin: 0 5px;
247+
list-style: none;
248+
padding-top: 11px;
249+
}
250+
251+
#mocha-stats canvas {
252+
width: 40px;
253+
height: 40px;
254+
}
255+
256+
#mocha code .comment { color: #ddd; }
257+
#mocha code .init { color: #2f6fad; }
258+
#mocha code .string { color: #5890ad; }
259+
#mocha code .keyword { color: #8a6343; }
260+
#mocha code .number { color: #2f6fad; }
261+
262+
@media screen and (max-device-width: 480px) {
263+
#mocha {
264+
margin: 60px 0px;
265+
}
266+
267+
#mocha #stats {
268+
position: absolute;
269+
}
270+
}

0 commit comments

Comments
 (0)