1+
2+ <!doctype html>
3+ < html lang ="en " class ="no-js ">
4+ < head >
5+
6+ < meta charset ="utf-8 ">
7+ < meta name ="viewport " content ="width=device-width,initial-scale=1 ">
8+
9+
10+
11+
12+
13+
14+
15+
16+
17+ < link rel ="icon " href ="/assets/images/favicon.png ">
18+ < meta name ="generator " content ="mkdocs-1.6.1, mkdocs-material-9.7.0 ">
19+
20+
21+
22+ < title > Tip Calculator in JavaScript</ title >
23+
24+
25+
26+ < link rel ="stylesheet " href ="/assets/stylesheets/main.618322db.min.css ">
27+
28+
29+
30+
31+
32+
33+
34+
35+
36+
37+
38+
39+ < link rel ="preconnect " href ="https://fonts.gstatic.com " crossorigin >
40+ < link rel ="stylesheet " href ="https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,700,700i%7CRoboto+Mono:400,400i,700,700i&display=fallback ">
41+ < style > : root {--md-text-font : "Roboto" ;--md-code-font : "Roboto Mono" }</ style >
42+
43+
44+
45+ < script > __md_scope = new URL ( "/" , location ) , __md_hash = e => [ ...e ] . reduce ( ( ( e , _ ) => ( e << 5 ) - e + _ . charCodeAt ( 0 ) ) , 0 ) , __md_get = ( e , _ = localStorage , t = __md_scope ) => JSON . parse ( _ . getItem ( t . pathname + "." + e ) ) , __md_set = ( e , _ , t = localStorage , a = __md_scope ) => { try { t . setItem ( a . pathname + "." + e , JSON . stringify ( _ ) ) } catch ( e ) { } } </ script >
46+
47+
48+
49+
50+
51+ </ head >
52+
53+
54+ < body dir ="ltr ">
55+
56+
57+ < input class ="md-toggle " data-md-toggle ="drawer " type ="checkbox " id ="__drawer " autocomplete ="off ">
58+ < input class ="md-toggle " data-md-toggle ="search " type ="checkbox " id ="__search " autocomplete ="off ">
59+ < label class ="md-overlay " for ="__drawer "> </ label >
60+ < div data-md-component ="skip ">
61+
62+ </ div >
63+ < div data-md-component ="announce ">
64+
65+ </ div >
66+
67+
68+
69+
70+
71+
72+ < header class ="md-header md-header--shadow " data-md-component ="header ">
73+ < nav class ="md-header__inner md-grid " aria-label ="Header ">
74+ < a href ="/. " title ="Tip Calculator in JavaScript " class ="md-header__button md-logo " aria-label ="Tip Calculator in JavaScript " data-md-component ="logo ">
75+
76+
77+ < svg xmlns ="http://www.w3.org/2000/svg " viewBox ="0 0 24 24 "> < path d ="M12 8a3 3 0 0 0 3-3 3 3 0 0 0-3-3 3 3 0 0 0-3 3 3 3 0 0 0 3 3m0 3.54C9.64 9.35 6.5 8 3 8v11c3.5 0 6.64 1.35 9 3.54 2.36-2.19 5.5-3.54 9-3.54V8c-3.5 0-6.64 1.35-9 3.54 "/> </ svg >
78+
79+ </ a >
80+ < label class ="md-header__button md-icon " for ="__drawer ">
81+
82+ < svg xmlns ="http://www.w3.org/2000/svg " viewBox ="0 0 24 24 "> < path d ="M3 6h18v2H3zm0 5h18v2H3zm0 5h18v2H3z "/> </ svg >
83+ </ label >
84+ < div class ="md-header__title " data-md-component ="header-title ">
85+ < div class ="md-header__ellipsis ">
86+ < div class ="md-header__topic ">
87+ < span class ="md-ellipsis ">
88+ Tip Calculator in JavaScript
89+ </ span >
90+ </ div >
91+ < div class ="md-header__topic " data-md-component ="header-topic ">
92+ < span class ="md-ellipsis ">
93+
94+
95+
96+ </ span >
97+ </ div >
98+ </ div >
99+ </ div >
100+
101+
102+ < script > var palette = __md_get ( "__palette" ) ; if ( palette && palette . color ) { if ( "(prefers-color-scheme)" === palette . color . media ) { var media = matchMedia ( "(prefers-color-scheme: light)" ) , input = document . querySelector ( media . matches ?"[data-md-color-media='(prefers-color-scheme: light)']" :"[data-md-color-media='(prefers-color-scheme: dark)']" ) ; palette . color . media = input . getAttribute ( "data-md-color-media" ) , palette . color . scheme = input . getAttribute ( "data-md-color-scheme" ) , palette . color . primary = input . getAttribute ( "data-md-color-primary" ) , palette . color . accent = input . getAttribute ( "data-md-color-accent" ) } for ( var [ key , value ] of Object . entries ( palette . color ) ) document . body . setAttribute ( "data-md-color-" + key , value ) } </ script >
103+
104+
105+
106+
107+
108+ < label class ="md-header__button md-icon " for ="__search ">
109+
110+ < svg xmlns ="http://www.w3.org/2000/svg " viewBox ="0 0 24 24 "> < path d ="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5 "/> </ svg >
111+ </ label >
112+ < div class ="md-search " data-md-component ="search " role ="dialog ">
113+ < label class ="md-search__overlay " for ="__search "> </ label >
114+ < div class ="md-search__inner " role ="search ">
115+ < form class ="md-search__form " name ="search ">
116+ < input type ="text " class ="md-search__input " name ="query " aria-label ="Search " placeholder ="Search " autocapitalize ="off " autocorrect ="off " autocomplete ="off " spellcheck ="false " data-md-component ="search-query " required >
117+ < label class ="md-search__icon md-icon " for ="__search ">
118+
119+ < svg xmlns ="http://www.w3.org/2000/svg " viewBox ="0 0 24 24 "> < path d ="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5 "/> </ svg >
120+
121+ < svg xmlns ="http://www.w3.org/2000/svg " viewBox ="0 0 24 24 "> < path d ="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z "/> </ svg >
122+ </ label >
123+ < nav class ="md-search__options " aria-label ="Search ">
124+
125+ < button type ="reset " class ="md-search__icon md-icon " title ="Clear " aria-label ="Clear " tabindex ="-1 ">
126+
127+ < svg xmlns ="http://www.w3.org/2000/svg " viewBox ="0 0 24 24 "> < path d ="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z "/> </ svg >
128+ </ button >
129+ </ nav >
130+
131+ </ form >
132+ < div class ="md-search__output ">
133+ < div class ="md-search__scrollwrap " tabindex ="0 " data-md-scrollfix >
134+ < div class ="md-search-result " data-md-component ="search-result ">
135+ < div class ="md-search-result__meta ">
136+ Initializing search
137+ </ div >
138+ < ol class ="md-search-result__list " role ="presentation "> </ ol >
139+ </ div >
140+ </ div >
141+ </ div >
142+ </ div >
143+ </ div >
144+
145+
146+
147+ < div class ="md-header__source ">
148+ < a href ="https://github.com/lulunac27a/tip-calculator-javascript " title ="Go to repository " class ="md-source " data-md-component ="source ">
149+ < div class ="md-source__icon md-icon ">
150+
151+ < svg xmlns ="http://www.w3.org/2000/svg " viewBox ="0 0 448 512 "> <!--! Font Awesome Free 7.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2025 Fonticons, Inc.--> < path d ="M439.6 236.1 244 40.5c-5.4-5.5-12.8-8.5-20.4-8.5s-15 3-20.4 8.4L162.5 81l51.5 51.5c27.1-9.1 52.7 16.8 43.4 43.7l49.7 49.7c34.2-11.8 61.2 31 35.5 56.7-26.5 26.5-70.2-2.9-56-37.3L240.3 199v121.9c25.3 12.5 22.3 41.8 9.1 55-6.4 6.4-15.2 10.1-24.3 10.1s-17.8-3.6-24.3-10.1c-17.6-17.6-11.1-46.9 11.2-56v-123c-20.8-8.5-24.6-30.7-18.6-45L142.6 101 8.5 235.1C3 240.6 0 247.9 0 255.5s3 15 8.5 20.4l195.6 195.7c5.4 5.4 12.7 8.4 20.4 8.4s15-3 20.4-8.4l194.7-194.7c5.4-5.4 8.4-12.8 8.4-20.4s-3-15-8.4-20.4 "/> </ svg >
152+ </ div >
153+ < div class ="md-source__repository ">
154+ GitHub
155+ </ div >
156+ </ a >
157+ </ div >
158+
159+ </ nav >
160+
161+ </ header >
162+
163+ < div class ="md-container " data-md-component ="container ">
164+
165+
166+
167+
168+
169+
170+ < main class ="md-main " data-md-component ="main ">
171+ < div class ="md-main__inner md-grid ">
172+
173+
174+
175+ < div class ="md-sidebar md-sidebar--primary " data-md-component ="sidebar " data-md-type ="navigation " >
176+ < div class ="md-sidebar__scrollwrap ">
177+ < div class ="md-sidebar__inner ">
178+
179+
180+
181+
182+ < nav class ="md-nav md-nav--primary " aria-label ="Navigation " data-md-level ="0 ">
183+ < label class ="md-nav__title " for ="__drawer ">
184+ < a href ="/. " title ="Tip Calculator in JavaScript " class ="md-nav__button md-logo " aria-label ="Tip Calculator in JavaScript " data-md-component ="logo ">
185+
186+
187+ < svg xmlns ="http://www.w3.org/2000/svg " viewBox ="0 0 24 24 "> < path d ="M12 8a3 3 0 0 0 3-3 3 3 0 0 0-3-3 3 3 0 0 0-3 3 3 3 0 0 0 3 3m0 3.54C9.64 9.35 6.5 8 3 8v11c3.5 0 6.64 1.35 9 3.54 2.36-2.19 5.5-3.54 9-3.54V8c-3.5 0-6.64 1.35-9 3.54 "/> </ svg >
188+
189+ </ a >
190+ Tip Calculator in JavaScript
191+ </ label >
192+
193+ < div class ="md-nav__source ">
194+ < a href ="https://github.com/lulunac27a/tip-calculator-javascript " title ="Go to repository " class ="md-source " data-md-component ="source ">
195+ < div class ="md-source__icon md-icon ">
196+
197+ < svg xmlns ="http://www.w3.org/2000/svg " viewBox ="0 0 448 512 "> <!--! Font Awesome Free 7.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2025 Fonticons, Inc.--> < path d ="M439.6 236.1 244 40.5c-5.4-5.5-12.8-8.5-20.4-8.5s-15 3-20.4 8.4L162.5 81l51.5 51.5c27.1-9.1 52.7 16.8 43.4 43.7l49.7 49.7c34.2-11.8 61.2 31 35.5 56.7-26.5 26.5-70.2-2.9-56-37.3L240.3 199v121.9c25.3 12.5 22.3 41.8 9.1 55-6.4 6.4-15.2 10.1-24.3 10.1s-17.8-3.6-24.3-10.1c-17.6-17.6-11.1-46.9 11.2-56v-123c-20.8-8.5-24.6-30.7-18.6-45L142.6 101 8.5 235.1C3 240.6 0 247.9 0 255.5s3 15 8.5 20.4l195.6 195.7c5.4 5.4 12.7 8.4 20.4 8.4s15-3 20.4-8.4l194.7-194.7c5.4-5.4 8.4-12.8 8.4-20.4s-3-15-8.4-20.4 "/> </ svg >
198+ </ div >
199+ < div class ="md-source__repository ">
200+ GitHub
201+ </ div >
202+ </ a >
203+ </ div >
204+
205+ < ul class ="md-nav__list " data-md-scrollfix >
206+
207+
208+
209+
210+
211+
212+
213+ < li class ="md-nav__item ">
214+ < a href ="/. " class ="md-nav__link ">
215+
216+
217+
218+ < span class ="md-ellipsis ">
219+
220+
221+ Tip Calculator
222+
223+
224+
225+ </ span >
226+
227+
228+
229+ </ a >
230+ </ li >
231+
232+
233+
234+ </ ul >
235+ </ nav >
236+ </ div >
237+ </ div >
238+ </ div >
239+
240+
241+
242+ < div class ="md-sidebar md-sidebar--secondary " data-md-component ="sidebar " data-md-type ="toc " >
243+ < div class ="md-sidebar__scrollwrap ">
244+ < div class ="md-sidebar__inner ">
245+
246+
247+ < nav class ="md-nav md-nav--secondary " aria-label ="Table of contents ">
248+
249+
250+
251+
252+ </ nav >
253+ </ div >
254+ </ div >
255+ </ div >
256+
257+
258+
259+ < div class ="md-content " data-md-component ="content ">
260+
261+ < article class ="md-content__inner md-typeset ">
262+
263+ < h1 > 404 - Not found</ h1 >
264+
265+ </ article >
266+ </ div >
267+
268+
269+ < script > var target = document . getElementById ( location . hash . slice ( 1 ) ) ; target && target . name && ( target . checked = target . name . startsWith ( "__tabbed_" ) ) </ script >
270+ </ div >
271+
272+ </ main >
273+
274+ < footer class ="md-footer ">
275+
276+ < div class ="md-footer-meta md-typeset ">
277+ < div class ="md-footer-meta__inner md-grid ">
278+ < div class ="md-copyright ">
279+
280+
281+ Made with
282+ < a href ="https://squidfunk.github.io/mkdocs-material/ " target ="_blank " rel ="noopener ">
283+ Material for MkDocs
284+ </ a >
285+
286+ </ div >
287+
288+ </ div >
289+ </ div >
290+ </ footer >
291+
292+ </ div >
293+ < div class ="md-dialog " data-md-component ="dialog ">
294+ < div class ="md-dialog__inner md-typeset "> </ div >
295+ </ div >
296+
297+
298+
299+
300+
301+ < script id ="__config " type ="application/json "> { "annotate" : null , "base" : "/" , "features" : [ ] , "search" : "/assets/javascripts/workers/search.7a47a382.min.js" , "tags" : null , "translations" : { "clipboard.copied" : "Copied to clipboard" , "clipboard.copy" : "Copy to clipboard" , "search.result.more.one" : "1 more on this page" , "search.result.more.other" : "# more on this page" , "search.result.none" : "No matching documents" , "search.result.one" : "1 matching document" , "search.result.other" : "# matching documents" , "search.result.placeholder" : "Type to start searching" , "search.result.term.missing" : "Missing" , "select.version" : "Select version" } , "version" : null } </ script >
302+
303+
304+ < script src ="/assets/javascripts/bundle.e71a0d61.min.js "> </ script >
305+
306+
307+ </ body >
308+ </ html >
0 commit comments