Skip to content

Commit 9d06cbd

Browse files
committed
finished studio
1 parent 9adbfbb commit 9d06cbd

File tree

1 file changed

+29
-2
lines changed

1 file changed

+29
-2
lines changed

index.html

Lines changed: 29 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -4,16 +4,43 @@
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>

0 commit comments

Comments
 (0)