File tree Expand file tree Collapse file tree 1 file changed +29
-2
lines changed Expand file tree Collapse file tree 1 file changed +29
-2
lines changed Original file line number Diff line number Diff line change 44 < meta charset ="utf-8 ">
55 < script >
66 // TODO: create a handler
7+ let actions = {
8+ "Google" : "https://www.google.com/search" ,
9+ "Duck Duck Go" : "https://duckduckgo.com/" ,
10+ "Bing" : "https://www.bing.com/search" ,
11+ "Ask" : "https://www.ask.com/web"
12+ }
13+
14+ function setSearchEngine ( ) {
15+ let radioButtonChecked = document . querySelector ( "input[name=engine]:checked" ) . value
16+ let url = actions [ radioButtonChecked ] ;
17+ let getForm = document . getElementById ( "searchForm" ) ;
18+ getForm . setAttribute ( "action" , url ) ;
19+ }
20+
21+
22+
723 window . addEventListener ( "load" , function ( ) {
8- // TODO: register the handler
24+ let engineSelect = document . getElementById ( "go" ) ;
25+ engineSelect . addEventListener ( "click" , setSearchEngine ) ;
26+
27+
928 } ) ;
1029 </ script >
1130</ head >
1231
1332< body >
1433
1534 < form id ="searchForm ">
16- <!-- TODO: add form elements -->
35+ < input type ="text " name ="q "/>
36+ < label > Google< input type ="radio " name ="engine " value ="Google "/> </ label >
37+ < label > Duck Duck Go< input type ="radio " name ="engine " value ="Duck Duck Go "/> </ label >
38+ < label > Bing< input type ="radio " name ="engine " value ="Bing "/> </ label >
39+ < label > Ask < input type ="radio " name ="engine " value ="Ask "/> </ label >
40+
41+
42+ < input type = "submit " id = "go " value ="Go! ">
43+
1744 </ form >
1845
1946</ body >
You can’t perform that action at this time.
0 commit comments