1- <!doctype html>
1+ <!doctype html>
22< html lang ="en ">
3- < head >
4- < title > JavaScript Patterns</ title >
5- < meta charset ="utf-8 ">
6- </ head >
7- < body >
8- < button id ="test "> Test</ button >
9- < script >
10- /* Title: Builder
11- Description: constructs complex objects by separating construction and representation
12- */
13-
14- function getBeerById ( id , callback ) {
15- // Make request for beer by ID, then return the beer data.
16- asyncRequest ( 'GET' , 'beer.uri?id=' + id , function ( resp ) {
17- // callback response
18- callback ( resp . responseText ) ;
19- } ) ;
20- }
21-
22- var el = document . querySelector ( '#test' ) ;
23- el . addEventListener ( 'click' , getBeerByIdBridge , false ) ;
24-
25- function getBeerByIdBridge ( e ) {
26- getBeerById ( this . id , function ( beer ) {
27- console . log ( 'Requested Beer: ' + beer ) ;
28- } ) ;
29- }
30-
31- // reference
32- // http://www.addyosmani.com/resources/essentialjsdesignpatterns/book/#builderpatternjquery
33- </ script >
34- </ body >
35- </ html >
3+ < head >
4+ < title > JavaScript Patterns</ title >
5+ < meta charset ="utf-8 ">
6+ </ head >
7+ < body >
8+ < button id ="test "> Test</ button >
9+ < script >
10+ /* Title: Builder
11+ Description: constructs complex objects by separating construction and representation
12+ */
13+ function getBeerById ( id , callback ) {
14+ // Make request for beer by ID, then return the beer data.
15+ asyncRequest ( 'GET' , 'beer.uri?id=' + id , function ( resp ) {
16+ // callback response
17+ callback ( resp . responseText ) ;
18+ } ) ;
19+ }
20+ var el = document . querySelector ( '#test' ) ;
21+ el . addEventListener ( 'click' , getBeerByIdBridge , false ) ;
22+ function getBeerByIdBridge ( e ) {
23+ getBeerById ( this . id , function ( beer ) {
24+ console . log ( 'Requested Beer: ' + beer ) ;
25+ } ) ;
26+ }
27+ // reference
28+ // http://www.addyosmani.com/resources/essentialjsdesignpatterns/book/#builderpatternjquery
29+ </ script >
30+ </ body >
31+ </ html >
0 commit comments